React Native错误：无法解析模块“ ./index”

Question

我有一个使用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}

Answer 1

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

几个小时前已发布了修复程序。请升级为反应型0.59.2。

react-native upgrade

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

Answer 2

使用npm start -- --reset-cache运行Metro Bundler并成功运行。找到了该解决方案，以寻找对我有用的同一问题SO post的答案。

Answer 3

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

Answer 4

清楚地写在错误中

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

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

Answer 5

您可以运行npm install然后进行本机升级来解决此问题。

Answer 6

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

Answer 7

我能够通过在项目根目录（./src上方）添加index.android.tsx文件来解决此问题（RN 0.61.2）。

该文件仅包含：

import "./src/App";

以前，它可以与./src中的index.tsx一起正常工作，不确定它为什么从0.61.2起就崩溃了。

Answer 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