【问题标题】:React Native Error: Unable to resolve module `./index` in node_modules/react-nativeReact Native 错误:无法解析 node_modules/react-native 中的模块`./index`
【发布时间】:2019-03-23 20:51:13
【问题描述】:

我正在创建新的 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) 中创建的

这是截图:

【问题讨论】:

标签: react-native


【解决方案1】:

我不知道原因兄弟, 将你的 react-native 版本降级到 0.58.5(这对我有用)

react-native start -- --reset-cache

执行上面的命令。

然后做

react-native run-android

更多信息请参考discussion

【讨论】:

    【解决方案2】:

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

    按照以下步骤操作

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

    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 文件夹

    祝你好运

    【讨论】:

      【解决方案3】:

      我通过将 react 原生版本降级到 0.58.6 解决了这个问题

      这个问题是因为新版本的 react native.(0.59.*)

      第一步:删除node modules文件夹和package-lock.json文件

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

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

      第四步:运行命令 react-native run-android

      完成!

      【讨论】:

        【解决方案4】:

        以防万一有人仍然遇到此问题,我已通过解决该应用可以支持的所有可能扩展来解决此问题。 在我的情况下,模块和组件具有 .jsx,而 App 具有 .js。

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

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

        【讨论】:

          【解决方案5】:

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

          • 将 react 和 react-native 的版本从 0.59.1 降级到

          "react": "16.8.3", "react-native": "0.59.0",

          • 运行npm install,然后运行react-native upgrade --legacy
          • y 替换android/app/build.gradle
          • 重建你的项目react-native start -- --reset-cache
          • 运行react-native run-android

          Source 1
          Source 2

          【讨论】:

            【解决方案6】:

            我终于通过降级到之前版本的 react-native 解决了这个问题:

            react-native init FirstProject --version 0.58.6
            

            这个问题似乎只与最新的 react-native 版本 59 有关。 以前版本的反应有效。

            谢谢大家!

            【讨论】:

              【解决方案7】:

              清洁和安装如下:

              删除node_modules并运行

               npm install
                  npm link
                  react-native run-android
              

              希望这行得通....

              【讨论】:

              • 如果你要“希望某事有效”,至少解释一下为什么你认为它应该有效。
              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2017-09-29
              • 2023-02-16
              • 1970-01-01
              • 1970-01-01
              • 2020-05-19
              • 2019-08-09
              相关资源
              最近更新 更多