解决Android react-native windows下编译运行红屏index.android.bundle的报错

最新推荐文章于 2026-08-26 09:54:22 发布

原创最新推荐文章于 2026-08-26 09:54:22 发布 · 970 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Android

本文介绍了在Windows系统下使用React Native开发Android应用时遇到的运行红屏问题，具体表现为找不到index.android.bundle。错误原因在于缺少assets文件夹及路径错误。通过创建assets文件夹，执行特定命令，并修改metro-config的正则表达式，成功解决红屏问题，使得应用能够正常运行。

最近Windows下安装react naive Android开发环境开始测试demo运行的时候碰到了传说中的运行红屏

报错

Unable to load script.Make sure you're either running a metro server
（run 'react-native start' ） or that
your bundle 'index.android.bundle' is packaged correctly for release.

原因

报错原因是没有找到 index.android.bundle

解决方法

1、在项目下创建android/app/src/main/assets文件夹
2、执行命令

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

3、重新执行react-native run-android

问题总会出现的，比如我在执行这条命令的时候就出现了表达式问题，无非是路径错误

执行出错

解决方式

Windows下cmd 命令行/要换成\，其实node里已经做了这个工作，需要在项目下找到node_modules\metro-config\src\defaults\blacklist.js，修改sharedBlacklist里面的正则表达式即可
解决方式
修改完后再次执行命令会发现assets里多了个文件
执行ok
此时我们再执行react-native run-android命令，程序完美运行
welcome to React