【问题标题】:React Native Error: Unable to resolve module `./index`React Native 错误:无法解析模块`./index`
【发布时间】:2019-02-25 12:33:52
【问题描述】:

我有一个使用 React Native 新创建的应用程序。该应用程序包含一个简单的登录表单和一个获取查询,没有什么复杂的,CSS 和组件很少。

我尝试实现 Facebook,经过一番挣扎后,我不再收到 Facebook 错误,而现在,当我运行 react-native run-android 时,我收到了这个错误:

没有显示屏幕,什么都没有,直接出现这个 500 错误。 我一遍又一遍地寻找解决方案,我什至添加了 Gradle 的表单,在 rm rf node_modules 之后重新安装了所有 npm 包.. 仍然是同样的错误。

implementation ("com.facebook.react:react-native:0.58.5"){force = true}

【问题讨论】:

    标签: react-native


    【解决方案1】:

    使用 npm start -- --reset-cache 运行 Metro Bundler 并且成功了。找到这个解决方案来寻找相同问题的答案,SO post 这对我有帮助。

    【讨论】:

    • 您能否深入描述一下,以便让 OP 明白这一点?
    • 问题是项目最初是在expo下建的,所以索引被删除了。
    • eL magnifeco!!!
    【解决方案2】:

    我认为这个问题可能与Unable to resolve module `./index` 有关所以问题是,您是否尝试在连接 facebook 之前运行该应用程序?如果它之前有效,那么我们可能会遇到不同的问题。但是,它类似于此错误:https://github.com/facebook/react-native/issues/24112

    几个小时前已经发布了一个修复程序。请升级到 react-native 0.59.2.

    react-native upgrade
    

    如何升级的完整指南:https://facebook.github.io/react-native/docs/upgrading

    【讨论】:

    • 升级到 0.59.2 为我解决了这个问题
    • 事实上它似乎与 facebook 无关
    【解决方案3】:

    那是您的后端服务器的错误...查看配置并删除找不到的模块

    【讨论】:

      【解决方案4】:

      错误里写的很清楚

      无法从/Applications/XAMPP/xamppfiles/htdocs/projects/jobifier-mobile/. 解析模块./index:无法从/Applications/XAMPP/xamppfiles/htdocs/projects/jobifier-mobile/. 找到模块./index。事实上,这些文件都不存在

      请检查您是否提供了正确的路径。

      【讨论】:

      • 给出正确的路径在哪里?问题是我不理解错误,我不知道在哪里设置了一个名为 ./index 的模块!
      【解决方案5】:

      你可以运行 npm install 然后 react-native upgrade 来解决这个问题。

      【讨论】:

        【解决方案6】:

        使用 react-native init "projectName" 创建一个新项目 转到您创建的新项目的“node_modules\react-native\scripts\packager.sh”。 复制它并用有问题的旧项目之一替换它...... 这对我有用。我发现这是对 react-native 0.59.2 的升级导致它..

        【讨论】:

          【解决方案7】:

          我能够通过在项目根目录(./src 上方)添加一个 index.android.tsx 文件来解决这个问题(RN 0.61.2)。

          该文件只包含:

          import "./src/App";

          以前它在 ./src 中与 index.tsx 一起工作得很好,不知道为什么它在 0.61.2 时就崩溃了。

          【讨论】:

            【解决方案8】:

            解决方案 1:

            react-native start -- --reset-cache
            

            解决方案 2:

            在项目的根目录下创建 metro.config.js 文件并粘贴以下代码

            module.exports = {
              transformer: {
                getTransformOptions: async () => ({
                  transform: {
                    experimentalImportSupport: false,
                    inlineRequires: false,
                  },
                }),
              },
            };
            
            

            解决方案 3: 运行这些命令

            rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all
            
            # Start Metro Bundler directly
            react-native start
            

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2019-08-09
              • 2019-07-06
              • 2017-06-06
              • 2019-08-16
              • 2022-12-12
              相关资源
              最近更新 更多