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

Question

我尝试在模拟器上运行我的应用程序，构建已成功完成，但是当应用程序开始捆绑约 26% 时，cmd 中会弹出此错误：

[Mon Nov 08 2021 13:00:11.720]  BUNDLE  ./index.js

error: TypeError: Cannot read properties of undefined (reading 'reduce')
    at resolveDependencies (C:\Users\iarch\Desktop\Directik App\mobile-v2-new\node_modules\metro\src\DeltaBundler\traverseDependencies.js:586:33)
    at C:\Users\iarch\Desktop\Directik App\mobile-v2-new\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\iarch\Desktop\Directik App\mobile-v2-new\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)
    at _next (C:\Users\iarch\Desktop\Directik App\mobile-v2-new\node_modules\metro\src\DeltaBundler\traverseDependencies.js:107:9)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

模拟器上会出现闪屏，然后出现红色屏幕：

我尝试用这个版本的节点来解决：

17.0.1
16.13.0
16.10.0
14.18.1

对于每一个，我删除

node_modules

文件夹，然后使用

nvs

更改我的节点版本，然后运行

npm install

但发生了同样的事情。 我该如何解决这个问题？

Answer 1

对我来说，这是由于我在模拟器上运行项目的方式造成的。 如果您只是运行

npm run android

并等待捆绑程序显示在另一个终端上，请尝试以下操作： 打开终端并运行

npm start

等待反应徽标出现。 然后打开另一个终端并

npm run android

。 我不知道为什么，但这对我来说有效。

Answer 2

当我们连接 API 并且服务器损坏/关闭时，经常会发现 Javascript 代码错误，所以...下面有用的链接我在 Mozila Docx 中找到了帮助 6.6.1. 500内部服务器错误 500（内部服务器错误）状态代码表示服务器遇到意外情况，导致其无法满足请求。参考文件

https://httpwg.org/specs/rfc7231.html#status.500

Answer 3

您可以尝试在没有缓存的情况下重新启动捆绑器：

npm start -- --reset-cache

如果这不起作用，您可能需要清除所有内容并从那里重新启动服务器：

watchman watch-del-all && 
rm -rf $TMPDIR/react-native-packager-cache-* &&
rm -rf $TMPDIR/metro-bundler-cache-* && 
rm -rf node_modules/ 
&& npm cache clean --force &&
npm install && 
npm start -- --reset-cache

摘自：如何清除react-native缓存？

---

如果其他方法都不起作用，您确定代码中没有错误吗？

Answer 4

使您的应用程序中安装了所有软件包。由于缺少包裹，我也遇到了同样的错误。我安装了该软件包并解决了错误。

Answer 5

你首先需要通过给定的命令安装React Native社区

npm 我@react-native-community/cli

然后你需要安装react-timer-mixin，因为它们帮助我们开发更快的响应服务器

npm 安装react-timer-mixin

这可能会解决您的问题