• 技术文章 >web前端 >前端问答

    react native红屏报错怎么办

    藏色散人藏色散人2023-01-04 16:46:34原创89

    react native红屏报错的解决办法:1、在“android/app/src/main/”中创建文件夹assets;2、执行命令“react-native bundle --platform android --dev false --entry-file index.android.js...”;3、在项目中执行“react-native run-android”即可。

    本教程操作环境:Windows10系统、React Native0.67版、Dell G3电脑。

    react native红屏报错怎么办?

    react-native启动时红屏报错:Unable to load script.Make sure you're either running a metro server or that ....

    一、报错信息内容

    我是在Android Studio中运行启动react-native项目时报的这个错误

    1、报错提示: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.

    2、中文翻译:无法加载脚本。请确保您运行的是Metro服务器(运行'react-native start')或者 您的软件包'index.android.bundle'已正确打包以供发布。

    二、原因

    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

     *注意:查看自己项目是否有 index.android.js这个文件,如果有回车执行命令即可,否则会会报错,找不到这个index.android.js文件;把index.android.js改为index.js

     执行这句命令后会在新建的assets文件夹下生成一个index.android.bundle文件

    3、 项目中执行react-native run-android,成功启动

    四、成功启动后

    修改App.js中的内容,刷新模拟器看是否修改;安卓模拟器reload菜单界面显示快捷键ctrl+M;

    推荐学习:《react视频教程

    以上就是react native红屏报错怎么办的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:React react-native
    上一篇:es6怎么将类数组对象转数组 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • react native怎么设置页面背景色• react的diff方法是什么• react路由怎么安装• react关闭页面时间怎么设置• react有什么特点
    1/1

    PHP中文网