使用 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 客户端应用程序
• 清除/tmp文件夹中的 metro bundler 缓存

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

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

有任何想法吗？

环境细节：

"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/async-storage 。

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

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

Answer 2

如果您使用以下方式运行 expo：

expo start --dev-client

您可能需要重建您的开发客户端。

如果您使用 Expo GO 运行，它将自动链接：

expo start