react-native run-android 第一次给出 500 的错误

Question

我刚刚安装了 react native 并创建了一个新项目，但是当我使用react-native run-android 命令运行它时，它给出了错误。我没有更改刚创建项目的任何文件中的任何内容。

这是错误和截图。

错误

开发服务器返回响应错误码：500

网址：http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false

主体：

{"originModulePath":"C:\project\test\App.js","targetModuleName":"./../../react-transform-hmr/lib/index.js","message" ：“无法从 'C:\project\test\App.js' 解析模块 './../../react-transform-hmr/lib/index.js'：模块 './../。 ./react-transform-hmr/lib/index.js' 无法从 'C:\project\test\App.js' 中找到。事实上，这些文件都不存在：\n * 'C:\react-transform -hmr\lib\index.js(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|. ts|.android.tsx|.native.tsx|.tsx)'\n * 'C:\react-transform-hmr\lib\index.js\index(.native||.android.js|.native.js |.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)'","errors": [{"description":"无法从 'C:\project\test\App.js' 解析模块 './../../react-transform-hmr/lib/index.js': 模块'。 /../../react-transform-hmr/lib/index.js' 无法从 'C:\project\test\App.js' 中找到。事实上，这些文件都不存在：\n * 'C :\react-transform-hmr\l ib\index.js(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|. android.tsx|.native.tsx|.tsx)'\n * 'C:\react-transform-hmr\lib\index.js\index(.native||.android.js|.native.js|.js |.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)'"}],"名称":" Error","stack":"Error: Unable to resolve module './../../react-transform-hmr/lib/index.js' from 'C:\project\test\App.js': The无法从“C:\project\test\App.js”中找到模块“./../../react-transform-hmr/lib/index.js”。实际上，这些文件都不存在：\n * 'C:\react-transform-hmr\lib\index.js(.native||.android.js|.native.js|.js|.android.json|。 native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)'\n * 'C:\react-transform-hmr\lib\index .js\index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android .tsx|.native.tsx|.tsx)'\n 在 ModuleResolver.resolveDependency (C:\project\test\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:209:697)\n 在 ResolutionRequest .resolveDependency (C:\project\test\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:83:16)\n 在 DependencyGraph.resolveDependency (C:\project\test\node_modules\metro\src\ node-haste\DependencyGraph.js:222:485)\n 在 Object.resolve (C:\project\test\node_modules\metro\src\lib\transformHelpers.js:149:25)\n 在 dependencies.map.result (C:\project\test\node_modules\metro\src\DeltaBundler\traverseDependencies.js:316:29)\n 在 Ar ray.map ()\n 在 resolveDependencies (C:\project\test\node_modules\metro\src\DeltaBundler\traverseDependencies.js:312:16)\n 在 C:\project\test\node_modules\metro\src\DeltaBundler \traverseDependencies.js:169:33\n 在 Generator.next ()\n 在步骤 (C:\project\test\node_modules\metro\src\DeltaBundler\traverseDependencies.js:271:307)"} 处理捆绑结果 BundleDownloader.java:296 访问$200 BundleDownloader.java:37 响应 BundleDownloader.java:174 执行 RealCall.java:153 跑步 命名为Runnable.java:32 运行工人 ThreadPoolExecutor.java:1113 跑步 ThreadPoolExecutor.java:588 跑步 线程.java:818

请帮我摆脱困境...

Answer 1

试试这些步骤：

1- 清除缓存使用：

rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*;

2 - 如果您使用 watchman，请删除所有手表和相关触发器：

watchman watch-del-all

3 - 从项目文件夹重新启动 Metro Bundler

react-native start  --reset-cache 

4 - 运行react-native run-android

Answer 2

在尝试这个解决方案之前我遇到了这个问题，

1- 使用npm start 重新启动 Metro 捆绑器

2- 使用不同的端口react-native run-android --port=8088 重启项目

因为有时默认端口 8081 可能会被其他应用使用。