React Native项目报错TypeError: Invalid URL且无法运行的求助

兄弟我太懂这种越改越崩的崩溃感了！本来只是扫码跑不起来，跟着视频改完IP直接连新项目都启动不了，简直心态爆炸有没有！别慌，咱们一步步来排查修复：

• 先检查metro.config.js配置文件：看看你是不是跟着视频改了里面的IP相关设置？大概率是这里的IP格式写错了，比如多打了符号、或者填了不是本机的有效IP。要是之前动过这个文件，先把自定义的IP配置删掉，恢复默认就行——metro其实能自动识别本机IP，不用手动硬改的。

• 排查环境变量：有没有设置过REACT_NATIVE_PACKAGER_HOSTNAME这个变量？如果之前为了改IP加了这个，不管是终端临时设置的还是系统环境变量里的，都先把它清空，回到默认状态。

• 强制清缓存（这步真的能解决80%的玄学问题）：

  • 先把所有metro服务、模拟器/真机连接全关掉
  • 运行npx react-native start --reset-cache彻底清空metro缓存
  • 删掉项目里的node_modules和package-lock.json（用yarn的话就是yarn.lock），然后重新执行npm install或者yarn install
  • 如果是iOS项目，再额外清下Pod缓存：cd ios && pod deintegrate && pod install && cd ..

• 确认网络和IP正确性：先保证电脑和手机在同一个WiFi下，然后查下本机的正确IP（Windows用ipconfig，Mac/Linux用ip addr），要是之后确实需要手动指定IP，一定要输对格式，比如192.168.1.100这种纯IP，别加http://或者端口号这类多余的内容。

• 最后重新试：先启动metro服务npx react-native start，等它加载完，再开个终端运行npx react-native run-android或者run-ios，扫码的时候也注意看下metro显示的URL是不是正常的格式。

你可以一步步试下来，应该能解决这个TypeError: Invalid URL的问题，要是某一步有疑问随时说！

内容来源于stack exchange