React-Native и Intl polyfill, требуемые для Android-устройства

Недавно я обновил свою Android-студию и многие компоненты /sdk, и с тех пор React-Intl жалуется на отсутствие библиотеки intl, хотя она работала нормально раньше.

Я установил intl polyfill, и я импортирую его в самый верх моего основного файла App.js. Я также импортирую localeData из react-intl и добавлю его. Затем я визуализирую свое представление в IntlProvider, указав locale без сообщений (я использую только FormattedNumber)

Это упрощенная версия моего кода:

import 'intl';
import { IntlProvider, FormattedNumber, addLocaleData } from 'react-intl';
import en from 'react-intl/locale-data/en';

addLocaleData(en);

[...]

render() {
    return (
        <IntlProvider locale="en">
            <Text>
                <FormattedNumber value={123} />
            </Text>
        </IntlProvider>
    )
}

Я получаю следующую ошибку:

[React Intl] Номер форматирования ошибки. ReferenceError: нет данных локали для этого объекта.

Я не понимаю, что происходит. Кто-нибудь сталкивается с той же проблемой?

Спасибо

Ответы

Ответ 1

Вместо импорта данных locale из react-intl я решил проблему импорта polyfill и данных локали из intl

Установить intl

npm install intl

Добавьте это в самый верх вашего приложения:

import 'intl';
import 'intl/locale-data/jsonp/en';

Ответ 2

Heads up, теперь это работает, только делая import 'intl'; вверху и все еще загружая данные локали из react-intl. Используя следующие версии:

"intl": "^1.2.5",
"react-intl": "^2.2.2",