React Native错误:无法解析node_modules / react-native中的模块“ ./index”

时间:2019-03-23 20:51:14

标签: react-native

我正在创建新鲜的本机应用程序:

npm install -g react-native-cli
react-native init FirstProject
cd FirstProject
react-native run-android

我看到以下错误消息:

  

“错误:无法从/ home / alex / code / test2 / FirstProject / node_modules / react-native /中解析模块./index。”

顺便说一下,文件index.js是在我的项目文件夹(/home/alex/code/test2/FirstProject/index.js)中创建的

这是屏幕截图:

7 个答案:

答案 0 :(得分:3)

我不知道原因, 将您的本机版本降级到0.58.5(这对我有用)

react-native start -- --reset-cache

执行上述命令。

然后做

react-native run-android

有关更多信息,请参阅此discussion

答案 1 :(得分:2)

我通过将react本机版本降级为0.58.6解决了此问题

此问题是由于新版本的react native(0.59。*)

步骤1:删除节点模块文件夹和package-lock.json文件

步骤2:将package.json依赖项中的react-native版本更改为0.58.6

步骤3:在命令提示符下的项目根目录上运行npm install

步骤4:运行命令react-native run-android

完成!

答案 2 :(得分:2)

如果有人仍然遇到这个问题,我已经通过解决应用程序可以支持的所有可能的扩展来解决它。 就我而言,模块和组件使用 .jsx,而 App 使用 .js。

终于通过更新文件解决了我的问题 - Metro.config.js

resolver: {
    /* resolver options */
   sourceExts: ['jsx','js', 'ts', 'tsx', 'native', 'json'] //add here 
  },

答案 3 :(得分:1)

我遇到了同样的问题,这些步骤对我有效。 这更像是一种快速修复方法:

  • 将react和react-native版本从"react": "16.8.3", "react-native": "0.59.0",降级到

npm install

  • 先运行react-native upgrade --legacy,然后先运行android/app/build.gradle
  • y代替react-native start -- --reset-cache
  • 重建项目react-native run-android
  • 运行public SAXSource(XMLReader reader, InputSource inputSource)

Source 1
Source 2

答案 4 :(得分:1)

按如下所示清洁并安装:

删除node_modules并运行

 npm install
    npm link
    react-native run-android

希望这行得通....

答案 5 :(得分:1)

我遇到了同样的问题,并通过安装较低版本的React解决了该问题。

按照以下步骤

  1. 通过在终端中输入node_moduled删除rm -rf node_modules/文件夹

  2. 还删除IOS和Android文件夹

  3. 按照以下说明编辑package.json并保留依赖项和devDependencies(请勿在此文件中更改其他设置)

"dependencies": {
  "react": "16.6.3",
  "react-native": "0.58.5",
  //other dependencies 
},
"devDependencies": {
  "babel-core": "^7.0.0-bridge.0",
  "babel-jest": "24.1.0",
  "jest": "24.1.0",
  "metro-react-native-babel-preset": "0.52.0",
  "react-test-renderer": "16.6.3"
},

  1. 运行yarnnpm install,这将再次在您的项目中添加node_modules
  2. 使用朗姆酒react-native upgrade在您的项目中添加Androidios文件夹

祝你好运

答案 6 :(得分:1)

我最终通过降级到以前版本的react-native解决了该问题:

react-native init FirstProject --version 0.58.6

似乎此问题仅与最新的本地本机版本59有关。 以前版本的react作品。

谢谢大家!