无法解析模块@react-navigation/material-top-tabs？答案

【问题标题】：Unable to resolve module @react-navigation/material-top-tabs?无法解析模块@react-navigation/material-top-tabs？
【发布时间】：2021-07-28 03:29:39
【问题描述】：

我尝试了很多命令来解决这个问题，但我找不到答案，没有任何效果。最后，我用过

npm install react-navigation-tabs
react-native start --reset-cache

但他们没有工作，我仍然得到同样的错误。我把它安装为

npm install @react-navigation/material-top-tabs react-native-tab-view@^2.16.0

并导入了这个import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';，但仍然没有，它不起作用。

这是我的 package.json，因为我认为可能有问题；

{
  "name": "smarthome",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },
  "dependencies": {
    "@react-navigation/material-bottom-tabs": "^5.3.15",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.4",
    "native-base": "^2.15.2",
    "react": "17.0.1",
    "react-native": "0.64.0",
    "react-native-gesture-handler": "^1.10.3",
    "react-native-paper": "^4.8.1",
    "react-native-safe-area-context": "^3.2.0",
    "react-native-screens": "^3.1.1",
    "react-native-vector-icons": "^8.1.0",
    "react-navigation": "^4.4.4",
    "react-navigation-stack": "^2.10.4",
    "react-navigation-tabs": "^2.11.1"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "eslint": "7.14.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.64.0",
    "react-test-renderer": "17.0.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

【问题讨论】：

你的package.json 中似乎没有react-native-tab-view@^2.16.0，而是"react-navigation-tabs": "^2.11.1"，我想这可能会导致这个问题
感谢您的回复。我安装了它..npm uninstall react-native-cli npx rm -rf node_modules`npm i global react-native-cli 并启动了模拟器，但它又给了我错误。说“地铁遇到文件的错误SHA-1”等：/您知道解决方案先生
好的先生，` npm install -i -g --force react-native-cli `解决了我的问题

标签： react-native react-navigation tabbar

【解决方案1】：

npm uninstall react-native-cli
npx rm -rf node_modules
npm install -i -g --force react-native-cli

这些代码解决了我的问题。

【讨论】：