快捷模块映射中不存在模块`react-navigation-tabs'

Question

我尝试在react native中创建一个标签导航。但是当我想导入import { createBottomTabNavigator } from 'react-navigation-tabs';时。我有以下错误：bundling failed: Error: Unable to resolve module `react-navigation-tabs` from `/Users/nicolasthibault/Desktop/RunApplication/Runenger/Views/NavigationReact.js`: Module `react-navigation-tabs` does not exist in the Haste module map。

我尝试了很多类似主题的命令，但是其中任何一种都可以在我的情况下使用。例如，我尝试了这些，但是并不能解决我的问题。

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-*`.

感谢您的帮助。

Answer 1

安装react-navigation-tabs：

yarn add react-navigation-tabs

或

npm install react-navigation-tabs

然后运行地铁：

react-native start --reset-cache

还请确保您已按照此处的说明进行：https://reactnavigation.org/docs/en/getting-started.html

Answer 2

您需要像这样更改package.json文件。

 "react-navigation": "^4.0.10" => "react-navigation": "^3.2.1",