react native红屏报错如何解决

发布时间:2023-01-03 15:05:45 作者:iii
来源:亿速云 阅读:161

这篇文章主要介绍“react native红屏报错如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“react native红屏报错如何解决”文章能帮助大家解决问题。

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”即可。

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

一、报错信息内容

react native红屏报错如何解决

我是在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文件

react native红屏报错如何解决

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

四、成功启动后

react native红屏报错如何解决

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

关于“react native红屏报错如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. react-native调试
  2. 基于React-Native0.55.4的语音识别项目全栈方案

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

react native

上一篇:es6如何将类数组对象转数组

下一篇:react如何取消右键

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》