Ошибка при запуске собственного проекта с использованием хранилища asyn c на веб-платформе

Question

Я пытаюсь запустить тестовое приложение React Native на веб-платформе.
У меня установлена ​​@react-native-community/async-storage зависимость.
Генерируется следующая ошибка:

ОШИБКА в ./node_modules/@react-native-community/async-storage/lib /AsyncStorage.js 40: 5 Ошибка синтаксического анализа модуля: неожиданный токен (40: 5) Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов. | } | type ReadOnlyArrayString = $ ReadOnlyArray; | | type MultiGetCallbackFunction = (@ ./node_modules/@react-native-community/async-storage/lib/index.js 5: 0-42 7: 15-27 @ ./src/app.js @ ./index.web.js @ multi (webpack) -dev-server / client? http://0.0.0.0: 8080 (webpack) /hot/dev-server.js ./index. web. js

ОШИБКА в ./node_modules/@react-native-community/async-storage/lib/hooks.js 7: 5 Ошибка синтаксического анализа модуля: неожиданный токен (7: 5) Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов. | Импортировать AsyncStorage из './AsyncStorage'; | type AsyncStorageHook = {| getItem: (| callback ?:? (Ошибка:? Ошибка, результат: string | null) => void, @ ./node_modules/@react-native-community/async-storage/lib/index.js 8: 0-40 8: 0-40 @ ./src/app.js @ ./index.web.js @ multi (webpack) -dev-server / client? http://0.0.0.0: 8080 (webpack) /hot/dev-server.js ./index. web. js

Примечание. Код работает на Android, но не работает в сети.

Answer 1

resolve: {
    alias: {
        '@react-native-community/async-storage': 'react-native-web'
    }
}

создайте псевдоним разрешения в вашем webpack.config. json.

Это может помочь вам