使用反应导航时,Expo项目无法编译?

时间:2020-10-27 23:10:13

标签: reactjs react-native navigation expo react-navigation

我正在构建一个博览会项目,并希望添加导航。世博会建议使用反应导航,因此我尝试安装它。

  1. 我制作了一个基本应用
  2. 想添加导航,所以我遵循了Expo.io上的官方指南
  3. expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
  4. npm install @react-navigation/stack
  5. import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack';

每当我尝试在iPhone或Web浏览器上打开项目时,都会出现以下错误...

enter image description here

我已经尝试了故障排除页面https://reactnavigation.org/docs/troubleshooting/上提供的所有修复程序(接受删除节点模块并再次运行npm install的操作,但仍然无法解决该问题。

我找到了遇到此问题的人,但从未找到对我有用的修复程序。

我的一个朋友向我推荐了世博会,到目前为止,我的经历颇为“ ehh”。我有几个人告诉我他们也遇到过Expo的问题,并告诉我只使用React Native,但是问题是我是Windows开发人员,无法在React Native上测试IOS,我只有一部iPhone,而我不会开发自己无法使用的应用程序。 TBH,我什至没有发现React有用或有趣(作为精明的开发者),但是我愿意尝试React(由于类似这样的琐碎的事而放弃了3次)。

有人知道此问题的解决方法吗?为什么会这样?

1 个答案:

答案 0 :(得分:1)

您需要安装@react-navigation/native

npm install @react-navigation/native

这是安装文档中关于React Navigation的第一个命令:https://reactnavigation.org/docs/getting-started#installation(并且在故障排除文档中也提到了npm install name-of-the-module

我的一个朋友向我推荐了世博会,到目前为止,我的经历颇为“ ehh”。我有几个人告诉我他们也遇到过Expo的问题,并告诉我只使用React Native,

这与Expo无关。 Expo包装了React Native的捆绑程序,因此,如果您在Expo中遇到捆绑或依赖项问题,则可以在React Native中解决,除非更糟糕,因为您还必须处理本机代码。