我正在尝试在模拟器上运行我的 react Native 应用程序，但在 android 模拟器中出现此错误

Question

错误图片：

以下是错误信息

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

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

身体： {"originModulePath":"/home/junior/ReactNative/HelloWorld/index.js","targetModuleName":"@babel/runtime/helpers/interopRequireDefault","message":"无法从@987654326 解析模块@babel/runtime/helpers/interopRequireDefault @: 模块 @babel/runtime/helpers/interopRequireDefault 不存在于 Haste 模块映射中\n\n这可能与 https://github.com/facebook/react-native/issues/4968\nTo 解决尝试以下操作：\n 1. 清除守望者手表：watchman watch-del-all。\n 2. 删除 @987654329 @ 文件夹：rm -rf node_modules && npm install。\n 3. 重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-* 或 npm start -- --reset-cache。\n 4. 删除加速缓存：rm -rf /tmp/haste-map-react-native-packager-*。","errors":[{"description":"Unable从/home/junior/ReactNative/HelloWorld/index.js 解析模块@babel/runtime/helpers/interopRequireDefault：模块@babel/runtime/helpers/interopRequireDefault 在Haste 模块地图中不存在\n\n这可能与https://github.com/facebook/react-native/issues/4968有关\nTo尝试以下解决方法：\n 1. 清除守望者手表：watchman watch-del-all。\n 2. 删除 node_modules 文件夹：rm -rf node_modules && npm install。\n 3. 重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-* 或 npm start -- --reset-cache。\ n 4. 移除急速缓存：rm -rf /tmp/haste-map-react-native-packager-*."}],"name":"Error","stack":"Error: Unab le to resolve module @babel/runtime/helpers/interopRequireDefault from /home/junior/ReactNative/HelloWorld/index.js: Module @babel/runtime/helpers/interopRequireDefault does not exist in the Haste module map\n\n这可能与https://github.com/facebook/react-native/issues/4968\nTo相关，请尝试以下解决：\n 1. 清除守望者手表：@987654346 @.\n 2. 删除 node_modules 文件夹：rm -rf node_modules && npm install。\n 3. 重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-* 或 npm start -- --reset-cache。\n 4. 删除加速缓存：rm -rf /tmp/haste-map-react-native-packager-*。\n 在 ModuleResolver .resolveDependency (/home/junior/ReactNative/HelloWorld/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:209:1301)\n 在 ResolutionRequest.resolveDependency (/home/junior/ReactNative/HelloWorld/node_modules/ Metro/src/node-haste/DependencyGraph/ResolutionRequest.js:83:16)\n 在 DependencyGraph.resolveDependency (/home/junior/ReactNative/HelloWorld/node_modules/metro/src/node-haste/DependencyGraph.js:238: 485)\n 在 Object.resolve (/home/junior/ReactNative/HelloWorld/node_modules/metro/src/lib/transformHelpers.js:180:25)\n 在 dependencies.map.result (/home/junior/ReactNative/ HelloWorld/node_modules/metro/src/DeltaBundler/traverseDependencies.js:311:29)\n 在 Array.map ()\n 在 resolveDependencies (/home/junior/ReactNative/HelloWorld/node_modules/metro/src/DeltaBundler/traverseDependencies. js:307:16)\n 在 /home/junior/ReactNative/HelloWorld/node_modules/metro/src/DeltaBundler/traverseDependencies.js:164:33\n 在 Generator.next ()\n 在步骤 (/home/junior /ReactNative/HelloWorld/node_modules/metro/src/DeltaBundler/traverseDependencies.js:266:307)"} 处理捆绑结果 BundleDownloader.java:296 访问$200 BundleDownloader.java:37 响应 BundleDownloader.java:174 执行 RealCall.java:153 跑步 命名为Runnable.java:32 运行工人 ThreadPoolExecutor.java:1167 跑步 ThreadPoolExecutor.java:641 跑步 Thread.java:764

Answer 1

从终端（在您的项目目录中）运行这些命令：

npm add @babel/runtime
npm install