react-native 构建错误(开发服务器返回响应错误代码:500) [英] react-native build error (development server returned response error code: 500)

问题描述

我正在尝试使用 React Native 开发一个新项目.但我对 React Native 知之甚少.我正确地完成了所有设置.但我无法从模拟器构建.你能帮助我吗?我收到这样的错误:

I'm trying to develop a new project with React Native. But I have little knowledge of React Native. I did all the setups correctly. But I can not build from emulator. Can you help me? I get an error like this:

The development server returned response error code: 500

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

身体:{"originModulePath":"C:\Users\cenkd\Desktop\reactprojem\node_modules\react-native\Libraries\react-native\react-native-implementation.js","targetModuleName":"AccessibilityInfo","message":无法从 C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react 解析模块 AccessibilityInfo-native-implementation.js:Haste 模块映射中不存在模块 AccessibilityInfo\n\n这可能与 https://github.com/facebook/react-native/issues/4968\n要解决尝试以下操作:\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.4. 删除快速缓存:rm-rf/tmp/haste-map-react-native-packager-*.","errors":[{"description":"无法从 解析模块 AccessibilityInfoC:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js:模块AccessibilityInfo 在 Haste 模块映射中不存在\n\n这可能与 https 有关://github.com/facebook/react-native/issues/4968\n要解决请尝试以下操作:\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.4.移除加速缓存:rm -rf/tmp/haste-map-react-native-packager-*."}],"name":"Error","stack":"Error:无法从 C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react- 解析模块 AccessibilityInfonative-implementation.js:Haste 模块映射中不存在模块 AccessibilityInfo\n\n这可能与 https://github.com/facebook/react-native/issues/4968\n要解决请尝试以下操作:\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.4. 移除加速缓存:rm -rf/tmp/haste-map-react-native-packager-*.\n at ModuleResolver.resolveDependency (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:167:1306)\n 在 ResolutionRequest.resolveDependency (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:80:16)\n 在 DependencyGraph.resolveDependency (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\node-haste\DependencyGraph.js:237:485)\n 在 Object.resolve (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\lib\transformHelpers.js:116:25)\n 在 dependencies.map.result (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)\n 在 Array.map ()\n 在 resolveDependencies (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)\n 在 C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33\n 在 Generator.next ()\n 在步骤 (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:239:307)"}进程包结果BundleDownloader.java:285访问 $200BundleDownloader.java:37响应BundleDownloader.java:163执行RealCall.java:153跑步NamedRunnable.java:32运行工作者线程池执行器.java:1167跑步线程池执行器.java:641跑步线程.java:764

Body: {"originModulePath":"C:\Users\cenkd\Desktop\reactprojem\node_modules\react-native\Libraries\react-native\react-native-implementation.js","targetModuleName":"AccessibilityInfo","message":"Unable to resolve module AccessibilityInfo from C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js: Module AccessibilityInfo does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n 1. Clear watchman watches: watchman watch-del-all.\n 2. Delete the node_modules folder: rm -rf node_modules && npm install.\n 3. Reset Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache. 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.","errors":[{"description":"Unable to resolve module AccessibilityInfo from C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js: Module AccessibilityInfo does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n 1. Clear watchman watches: watchman watch-del-all.\n 2. Delete the node_modules folder: rm -rf node_modules && npm install.\n 3. Reset Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache. 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*."}],"name":"Error","stack":"Error: Unable to resolve module AccessibilityInfo from C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js: Module AccessibilityInfo does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n 1. Clear watchman watches: watchman watch-del-all.\n 2. Delete the node_modules folder: rm -rf node_modules && npm install.\n 3. Reset Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache. 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.\n at ModuleResolver.resolveDependency (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:167:1306)\n at ResolutionRequest.resolveDependency (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:80:16)\n at DependencyGraph.resolveDependency (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\node-haste\DependencyGraph.js:237:485)\n at Object.resolve (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\lib\transformHelpers.js:116:25)\n at dependencies.map.result (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)\n at Array.map ()\n at resolveDependencies (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)\n at C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33\n at Generator.next ()\n at step (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependencies.js:239:307)"} processBundleResult BundleDownloader.java:285 access$200 BundleDownloader.java:37 onResponse BundleDownloader.java:163 execute RealCall.java:153 run NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1167 run ThreadPoolExecutor.java:641 run Thread.java:764

构建错误

推荐答案

我遇到了同样的问题.

我之前的 react-native 版本是

my previous react-native version was

C:\WINDOWS\system32>react-native -v
react-native-cli: 2.0.1
react-native: 0.56.0

然后我卸载 react-native

then i uninstall react-native

C:\WINDOWS\system32>npm uninstall -g react-native-cli
removed 41 packages in 3.999s

然后我安装了 react-native 版本 0.55.4

then i installed react-native version 0.55.4

npm install react-native@0.55.4

再次安装响应式 cli 1.2.0

again intsalled reacnative cli 1.2.0

npm install -g react-native-cli@1.2.0

然后这个创建 react-native 项目的安装就完成了

then this installation of creating react-native project work out

react-native init --version="0.55.4" myprojectname

这篇关于react-native 构建错误(开发服务器返回响应错误代码:500)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！