Question

因此，我刚刚建立了一个应用程序以开始构建该应用程序，并且不断从App.js中收到此错误。这是一个反复无常的课程的一部分，在该课程中，我按照每条T指令进行操作...因此，我对混乱到底发生了什么感到困惑，并且我遵循了我能找到的所有建议。无法解析react-navigation中的模块/Users/3x7r3m157/Development/React-Native/food/App.js：急速模块图中不存在模块react-navigation

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.

facebook::ReactABI35_0_0::JSIExecutor::defaultTimeoutInvoker(std::__1::function<void ()> const&, std::__1::function<std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > ()>)
facebook::ReactABI35_0_0::JSIExecutor::defaultTimeoutInvoker(std::__1::function<void ()> const&, std::__1::function<std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > ()>)
ED0789CD-8D80-39F4-9651-D8707D9C0337
ED0789CD-8D80-39F4-9651-D8707D9C0337
_dispatch_main_queue_callback_4CF
97285ACB-7B21-393A-ABF6-03F1DBB5D2A2
97285ACB-7B21-393A-ABF6-03F1DBB5D2A2
CFRunLoopRunSpecific
GSEventRunModal
UIApplicationMain
Exponent
0DC9A4BA-C3E8-3487-99DB-1B5C86597AF5

这里有我的App.js：

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import SearchScreen from './src/screens/SearchScreen';

const navigator = createStackNavigator ({
  Search: SearchScreen
}, {
  initialRouteName: 'Search',
  defaultNavigationOptions: {
    title: 'BusinessSearch'
  }
});

export default createAppContainer(navigator);

Answer 1

首先，您必须使用CMD来运行此命令。

1。如果您的系统是Windows，请设置您的环境变量，将％SystemRoot％\ system32添加到您的PATH昨天遇到此错误，希望对您有用。不要忘记重启PC。

之后

2。创建您的项目：npx expo-cli init

然后

安装React导航

npm install react-navigation

安装依赖项

expo install react-native-gesture-handler react-native-anianiated react-native-screens react-native-safe-area-context @ react-native-community / masked-view

安装React导航堆栈

npm install react-navigation-stack @ react-native-community / masked-view

启动应用程序并使用npm start -c清除缓存

更新导入在即将到来的讲座中，我们的导入现在将如下所示：

从“反应导航”导入{createAppContainer}; 从'react-navigation-stack'导入{createStackNavigator}; 错误吗？如果仍然看到有关程序包的错误和投诉，请执行以下操作：

rm -r node_modules
rm package-lock.json
博览会升级
npm start -c

Answer 2

这样做肯定会奏效：

npm install --legecy-peer-deps react-navigation

或

npm install --legecy-peer-deps react-navigation --force

Answer 3

确保使用npm i react-navigation安装反应导航

无法从... / App.js解决模块“反应导航”：快速模块映射中不存在模块“反应导航”

3 个答案: