javascript - 使用 expo 和 @react-native-community/async-storage

Question

我正在使用 expo 来构建和捆绑我的应用程序。我添加了 @react-native-async-storage/async-storage但我在控制台上收到以下错误:

Failed building JavaScript bundle.
Unable to resolve "@react-native-async-storage/async-storage" from "src/components/Message/Message.js"

我的设备还显示了多个可能有助于解决问题的步骤，如下所示

但遗憾的是并没有解决。我也试过:

• 从 ~/.expo/ 清理 expo 缓存文件夹
• 删除并重新安装 Expo Client 应用
• 清除 /tmp 文件夹中的 metro bundler 缓存

我必须说，在检查 node_modules 文件夹时，我注意到该包安装在 @react-native-community 文件夹下，而不是 @react-native-async-storage - 但我不确定这些链接是如何神奇地发生在引擎盖下的，但也许值得一提。

我在 @react-native-async-storage/async-storage docs 中看到我需要运行另一个 pod install 命令，但是在 expo 中，platform-specific 文件夹不可访问，命令运行时没有执行任何操作。此外，我进行了expo snack example但它运行正常。所以可能是我的环境中有什么东西或者缺少一些配置？

有什么想法吗？

环境细节:

"expo": "^38.0.0",
"expo-cli": "3.27.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
"@react-native-community/async-storage": "~1.11.0",

Answer 1

不要在 Message.js 文件中从 @react-native-async-storage/async-storage 导入，而是尝试导入 @react-native-community/异步存储。

这是您安装的包，如您所见，它已正确安装在 node_modules 的 @react-native-community 目录下。

-import AsyncStorage from '@react-native-async-storage/async-storage';
+import AsyncStorage from '@react-native-community/async-storage';