React-Native构建错误(开发服务器返回响应错误代码:500)

2024-01-12

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

The development server returned response error code: 500

URL:

身体: {“originModulePath”:“C:\Users\cenkd\Desktop\reactprojem\node_modules\react-native\Libraries\react-native\react-native-implementation.js”,“targetModuleName”:“AccessibilityInfo”,“消息”: “无法解析模块AccessibilityInfo from C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js: 模块AccessibilityInfoHaste 模块映射中不存在\n\n这可能与https://github.com/facebook/react-native/issues/4968 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-* or npm start -- --reset-cache。 4.删除加速缓存:rm -rf /tmp/haste-map-react-native-packager-*.","errors":[{"description":"无法解析模块AccessibilityInfo from C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js: 模块AccessibilityInfoHaste 模块映射中不存在\n\n这可能与https://github.com/facebook/react-native/issues/4968 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-* or npm start -- --reset-cache。 4.删除加速缓存:rm -rf /tmp/haste-map-react-native-packager-*."}],"name":"错误","stack":"错误: 无法解析模块AccessibilityInfo from C:\\Users\\cenkd\\Desktop\\reactprojem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js: 模块AccessibilityInfoHaste 模块映射中不存在\n\n这可能与https://github.com/facebook/react-native/issues/4968 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-* or npm start -- --reset-cache。 4.删除加速缓存:rm -rf /tmp/haste-map-react-native-packager-*.\n 在 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 在dependency.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\traverseDependency.js:294:16)\n 位于 C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependency.js:159 :33\n 在 Generator.next ()\n 步骤 (C:\Users\cenkd\Desktop\reactprojem\node_modules\metro\src\DeltaBundler\traverseDependency.js:239:307)"} 处理捆绑结果 BundleDownloader.java:285 访问$200 BundleDownloader.java:37 响应时 BundleDownloader.java:163 执行 RealCall.java:153 跑步 NamedRunnable.java:32 运行工人 ThreadPoolExecutor.java:1167 跑步 ThreadPoolExecutor.java:641 跑步 线程.java:764

构建错误 https://i.stack.imgur.com/Q5CZK.png


我遇到过同样的问题。

我之前的反应本机版本是

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

然后我卸载react-native

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

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

npm install [email protected] /cdn-cgi/l/email-protection

再次安装react native cli 1.2.0

npm install -g [email protected] /cdn-cgi/l/email-protection

然后创建react-native项目的安装就可以了

react-native init --version="0.55.4" myprojectname
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React-Native构建错误(开发服务器返回响应错误代码:500) 的相关文章

随机推荐