ReactNative报错：Development server returned response error code: 500

最新推荐文章于 2023-07-20 01:25:57 发布
转载 最新推荐文章于 2023-07-20 01:25:57 发布 · 3.2k 阅读 · 1
文章标签：

#React-native

本文详细记录了解决React Native项目初始化时遇到的红屏及错误代码500问题的过程，包括调整debug server host、安装依赖包、清理缓存和重启metro bundler等步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目初始化红屏的看过来！！！

出现首行报错 Development server returned response error code: 500

接着出现错误信息里面有类似的：

1

2

3

The development server returned response error code: 500

 

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

1

2

3

4

error: bundling failed: Error: 

Unable to resolve module ./../react-transform-hmr/lib/index.js from /Users/sturm/Desktop/testpro/App.js: 

The module ./../react-transform-hmr/lib/index.js could not be found from /Users/sturm/Desktop/testpro/App.js. 

Indeed, none of these files exist:

 

找了一下午加半个早上，终于解决了这个bug.（最后一个是官方0.55.2版本的坑）

  1. 首先上面那个 10.0.0.2:8081的地址是不对的，是手机（！！）本地的地址。

        解决办法： 我用的是真机，摇晃手机会出来一个弹窗，在dev-setting里面设置debug server host & port for device,例如192.168.101:8081(你自己电脑的ip地址!)

   2. gayhub有建议 如下操作:

       npm install --save-dev @babel/runtime

       npm install --save-dev @babel/core

        我也照着做了，但是并没有解决问题，不过估计应该装一下，因为我在init的时候这两项是报过warning的，说缺少这两个dependency

    3. 关键的一步

        关掉你的cmd窗口（其他的内置命令行同理）

        mac 下操作

1

2

3

4

5

6

# Clean cache

  rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all

# Start Metro Bundler directly

  react-native start# 

# Now run 

 `react-native run-android` or `react-native run-ios` in another tab

      window 下操作

1

2

3

4

# Clean cache

react-native start --reset-cache

# new cmd tab

react-native run-android

  上面的那个问题是最新版本的坑。官方挖的

   经过这么几个折腾，终于出现了欢迎界面！

   发现有其他坑的，建议去gayhub去找，还是那里最靠谱。

LangChain 2024 最新发布：LangGraph 多智能体工作流（Multi-Agent Workflows）
大模型与Agent智能体
01-27 3413
当我们谈论“多智能体”时，我们谈论的是多个独立的参与者，这些参与者由以特定方式连接的语言模型提供支持。每个代理都可以有自己的提示、LLM、工具和其他自定义代码，以便与其他代理进行最佳协作。什么是多个独立代理？这些代理是如何连接的？这种想法非常适合图表示，例如由LangGraph 提供的图表示。在此方法中，每个智能体都是图中的一个节点，它们的连接表示为一条边。控制流由边管理，它们通过添加到图的状态进行通信。注意：这里一个非常相关的概念是状态机的概念，我们明确地将其称为认知架构的一个类别。
Spring Security OAuth2 概念及实战：OAuth2 是一种用于授权第三方应用访问某些受保护
最新发布
AI天才研究院
08-05 1571
OAuth（开放授权）是一个开放标准，它允许用户提供一个标识符让应用得以安全地请求特定的服务（如照片，视频或联系人数据）。该标准由 IETF 管理，并得到了行业的广泛支持。OAuth 允许用户直接授权给第三方应用其需要的权限，而无需将用户名和密码等敏感信息暴露给这些应用。OAuth2 是 OAuth 的最新版本，具有更好的安全性、更强的可伸缩性和易用性。它允许第三方应用获得仅限特定资源的访问权，并且不会向资源所有者授予超过所需的权限。
ReactNative:The development server returned server returned response error code: 500
Museions的开心博客
07-25 1147
The development server returned server returned response error code: 500 ：react native 调试报错 问题原因： 监听的8081端口号未正常开启，在此类项目中的具体表现原因应该是 ： （1）项目依赖未找到 （2）react native没有编译完成 对应的终端控制台显示如下： 解决方式： 1.重要、...
ReactNative:The development server returned response error code: 500
qq_38719039的博客
04-23 3332
转载 https://www.2cto.com/kf/201708/674121.htmlReactNative:The development server returned response error code: 500。在运行ReactNative项目的时候，手机上经常会出现这种错误，解决办法：在当前项目的路径下分别运行以下命令：?123npm uninstall babel-preset...
The development server returned response error code: 500 in react-native
热门推荐
qingsong_xu的博客
05-19 3万+
写ReactNative应用时遇到：The development server returned response error code: 500,经查看是由于某个modules不在modules map里，多次关闭terminal及模拟器均未解决，最后根据错误提示，三行代码解决。 按顺序在命令行里执行一下下面的指令，运行过程中未报错，基本就ok了，嘿嘿 1、watchman watch-de
RN: the development server returned response error code: 500
前台技术
09-14 2256
the development server returned response error code: 500 开发服务器返回响应错误代码：500 一般情况是RN服务器报错，去看一下报的什么错，一般情况是代码写的有问题。修改后从新加载模拟器就可以了  ...
react jwt_React身份验证：如何在Cookie中存储JWT
weixin_26722031的博客
08-31 1920
react jwt 重点 (Top highlight)???? Say hi to me on Twitter! ????在 Twitter上 对我问好 ！ If you have a React app that needs to access data, perhaps your setup looks like this: 如果您有一个需要访问数据的React应用，则您的设置可能如下所示: If ...
React Native常见问题解答与疑难解析
# 第一章：React Native简介与基本概念 React Native 是 Facebook 推出的一款开源移动应用开发框架，可以让开发者使用 JavaScript 和 React 来编写移动应用，同时实现多平台兼容。它的出现旨在解决原生移动应用开发...
智能合约智能合约性能测试：测试智能合约的性能和质量
AI天才研究院
07-20 3328
作者：禅与计算机程序设计艺术 随着区块链技术的飞速发展，各大公链上已经出现了众多的智能合约(Smart Contract)系统。这些系统能使得链上数据的不可篡改、可追溯、不可伪造等特征得以实现。但同时也带来了很多的复杂性和挑战，如何确保智能合约的运行性能、安全性能和正确性，成为业界关注的焦点。 在智能合约的开发、测试、部署过
【React Native】解决报错：The development server returned response error code: 500
toaksg的博客
01-19 1738
项目红屏报错： The development server returned response error code 500 解决方法如下： 清缓存。 macOs： rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all Windows: react-native start --reset-cache ...
react-native 中NativeBase框架500错误
u011094768的博客
09-01 2370
Unable to resolve module `react-native/Libraries/Renderer/shims/ReactNativePropRegistry` from `........./node_modules/native-base/dist/src/Utils/computeProps.js`NativeBase版本冲突，解决： https://github.com/G
The development server returned response error code: 500的解决办法
qq_36811160的博客
05-07 4377
The development server returned response error code: 500的解决办法 查看模拟器里面的报错信息，按照指示操作：
react-native在模拟器调试时不能连接开发服务器：Could not connect to development server.
09-17 2852
问题: Could not connect to development server(Android) 10.0.2.2 fail
RN错误大全
小炫风技术旅行
10-11 1022
500之 index.js could not be found App.js URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false error: bundling failed: Error:  Unable to resolve module ./../react-tran...
React Native红屏500错误解决办法
小宝的博客
10-12 1790
关掉node后台进程，用npm start -- --reset-cache命令重新启动packager服务
React-Native开发遇到各类问题、各类坑汇总问题及解决办法(不断更新中)
金
04-07 8602
Application XXX has not been registered.This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent. #### 解决办法： 问题出现是服务没有开启，进入到项目目录启动服务，代码如下： reac
Git 报错:The requested URL returned error: 400
08-03
根据引用[1]中提供的信息，报错"The requested URL returned error: 400"可能是由于权限问题导致的。你可以按照以下步骤解决该问题： 1. 首先，确认你的git用户名、邮箱和密码是否正确。你可以使用以下命令来查看和修改git的用户名、邮箱和密码： - 查看用户名：`git config user.name` - 查看邮箱：`git config user.email` - 查看密码：`git config user.password` - 修改用户名：`git config --global user.name [用户名]` - 修改邮箱：`git config --global user.email [邮箱]` - 修改密码：`git config --global user.password [密码]` 2. 如果问题仍未解决，检查你电脑中存储的gitee网站的用户名和密码。在Windows系统中，你可以使用"Windows 凭据管理"来管理存储的密码；在Mac OS中，你可以使用"钥匙串访问"应用程序来管理存储的密码。找到相关的gitee账号信息后，可以尝试删除或修改。 3. 如果以上步骤都没有解决问题，根据引用[3]中的信息，你还可以检查.git/config文件中的配置是否正确。确保remote "origin"的url是正确的，并且与你的gitee账号对应。 希望以上解决方法能够帮助你解决报错"The requested URL returned error: 400"的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值