react-native run-android出现红屏错误

最新推荐文章于 2020-06-16 08:38:43 发布
原创 最新推荐文章于 2020-06-16 08:38:43 发布 · 2.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react-native #Android

本文介绍了解决react-native运行时出现的无法加载脚本错误的方法。通过创建assets文件夹、生成bundle文件并重新运行应用来解决该问题。

react-native run-android出现
unable to load script from assets 'index.android.bundle'.Make sure your bundle ispackged correctly or you are running a packger server.
如下图：
这里写图片描述

1.在android\app\src\main下新建assets文件
2.在项目根目录下执行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

执行成功会在android\app\src\main\assets下生成如下两个文件
这里写图片描述

3.重新执行react-native run-android
react-native-reanimated画布：专门为响应式绘图设计的react-native组件
02-06
React本机复活的画布 一个画布组件，专门设计用于react-native中的react-native绘图。 在你开始之前 @next构建版本尚不支持iOS 。 安装 检查我们的文档的部分，以...然后运行react-native run-android或react-native ru
react-native-calendars：React本机日历组件:spiral_calendar_selector::tear-off_calendar:
01-29
$ react-native run-ios 您可以在 检查示例屏幕的源代码 该项目与Expo / CRNA兼容（无弹出），并且示例已 安装 $ npm install --save react-native-calendars 该解决方案是用JavaScript实现的，因此不需要本机模块...
react native 红屏
qq_24172179的博客
01-22 1633
最经在学习react native时出现红屏的问题 大致问题是找不到index.android的问题 执行代码为react-native run-android   其实问题出在你的硬件设备没有连接本地开发的node服务 官网的说法是执行adb reverse tcp:8081 tcp:8081 但是一般我在开发过程中没有使用安卓5.0的版本 所以无法连接本地的服务器 这里需要手动配置两
react-native 创建新项目红屏解决方法
P_Leung的技术博客
12-10 5128
Setting up new React Native app in /Users/PPPPP_leung/test Installing React... Installing Jest... warning jest > jest-cli > node-notifier > cli-usage > marked-terminal > lodash.assign@4.2.0: This packa
React-native初次运行红屏问题
dhd040805的博客
07-31 4377
每次阅读源码或者使用新的第三方SDK的时候，总想爆一句The fucking code or The fucking document ~~ 真实坑多！这里稍微总结一下自己集成RN的一些经验 其实集成react-native按照文档来环境肯定没问题 中文文档地址：https://reactnative.cn/docs/getting-started.html 英文文档地址：https://...
React Native 红屏问题的解决
格物穷理
05-04 8500
React Native 红屏问题解决
create-react-native-app：创建可在iOS，Android和Web上运行的React Native应用
01-29
yarn android （ react-native run-android ）生成Android应用程序。 yarn web （ expo start:web ）在浏览器中运行网站。 范本 默认情况下，您创建一个支持iOS，Android和Web项目。 通过选择“来自...的模板”...
react-native-template:React Native模板
05-07
Nave React Native模板。 使用 运行react-native init yourProjectName --template nave 包已配置 样式化的组件 React导航 Axios 承诺 整理配置 将.env添加到您的.gitignore... " android " : " react-native run-an
react-native-slider-intro:一个简单且可完全自定义的React Native组件，为您的应用实现了一个简介滑块
05-08
:mobile_phone_with_arrow: react-native-slider-intro 一个简单且可完全自定义的React Native组件，为您的应用实现了简介滑块。 该软件包已作为PC控制器react-native应用程序的子模块编写。 安装 npm install ...
启动react-native项目时 node窗口闪退.docx
06-16
启动react-native项目时 node窗口闪退，问题直接，效果显著，欢迎下载。信誉第一，值得信赖
【React-Native】windows环境下Android真机调试指南
公西雒的技术站
08-20 4694
推荐使用IntelliJ IDEA作为react-native项目的IDE，它兼有Android Studio和WebStorm的功能，也就是既支持安卓开发同时也支持web开发（包括react的jsx语法），且调试起来相当方便。   准备工作 下载安卓SDK。 安装配置IDEA。 一个rn项目。 一台安卓手机，需开启USB调试。   真机调试 在项目根目录下shift+右键 -...
运行react-native中的android项目及问题解决
热门推荐
geek5621的博客
01-05 1万+
在命令行终端执行react-native init 项目名 命令后，创建RN项目，在RN项目中运行android的工程有两种方式： 第一种方式，使用webstorm打开RN项目,在webstorm工具的terminal终端中输入react-native run-android命令，webstorm会把android应用运行到设备或模拟器上 打开应用你可能会发现报错： 红屏"Coul
启动react-native项目时 node窗口闪退
Mr.wang的博客
06-16 983
rn版本：0.59.5 Node版本：12.16.3（当前最新） 平台：windows android端 问题描述： 在控制台启动项目是，node服务窗口直接闪一下自动关闭 问题原因：node版本太高导致 解决方法： 降低node版本 进入： ``` node_modules\metro-config\src\defaults\blacklist.js ``` 将： ``` var sharedBlacklist = [ /node_modules[/\\]react[...
使用react-native开发Android出现的红屏bug。
weixin_43470496的博客
05-06 434
@[TOC]求助前端大佬 react-native run-android的时候出的bug。该如何调试 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markd...
android 断言的 使用
扬起帆前行
09-05 2948
android断言的使用及理解； android 断言及assets目录下存放； android的assets 目录下面可以 加载字体、 文本、图片、html 文件；大小限制1mb； 1、蔣text 文本显示到textView 上； InputStream inputStream=null; try{ inputStream=
关于在Windows下AndroidStudio.使用React-Native开发android报错红屏“run react-native start”解决
1_bit 的博客
05-10 1855
以下是报错，不过他已经给了解决办法，报错提示的大概中文译为“无法加载脚本，请确保你的Metro服务以及那个包正确”，由于我个人并不是专业安卓，公司项目没办法就上了，所以我就不关包了，包肯定是正确的吧，其中提示 run react-native start=。=。。，唔是启动RN服务吗？于是我跑到项目根目录下运行 react-native start, ok,看样子启动了服务，随后我重新运行项目...
android系列（一）断言
记录点滴
07-08 633
失败：多指用例失败（断言失败）错误：系统类的错误。assert equals 相等 期望值和实际值是否相等boolean 逻辑值 是否为空null   值是否为空same   内存地址是否相同fail   立即失败，直接抛出异常失败，常用调试信息...
npx react-native run-android
最新发布
01-25
### 使用 `npx react-native run-android` 部署 React Native 应用至 Android 设备 为了确保能够顺利通过 `npx react-native run-android` 将应用部署到安卓设备上，需遵循一系列配置与操作指南。 #### 确认开发环境准备充分 在尝试运行应用程序之前，务必确认已安装并设置了必要的工具链。这包括但不限于 JDK、Node.js 和 Android Studio 的安装以及 PATH 变量设置正确无误[^1]。 #### 启动 Android 模拟器或连接物理设备 当遇到 "No connected devices!" 错误提示时，表明当前既没有正在运行的模拟器实例也没有任何 USB 调试模式下的真实手机相连。因此，在执行构建指令前应先启动 AVD (Android Virtual Device) 或者确保有一台处于开发者选项开启状态并通过数据线接入电脑的真实装置。 对于使用实体机的情况，请注意： - 手机端需要激活USB调试功能； - PC端要允许来自此计算机的信任请求； - 安装对应型号驱动程序以便识别硬件。 #### 解决项目路径问题 针对 “Android project not found” 类型的问题，通常是因为工作目录不在项目的根文件夹内所引起的。建议切换到包含 android 文件夹的位置后再重新发起命令调用[^2]。 ```bash cd /path/to/your/project/ npx react-native run-android ``` #### 处理依赖加载速度过慢情况 有时由于网络状况不佳或其他因素影响，可能会遭遇资源获取效率低下甚至失败的情形。此时可以考虑调整 Gradle 下载地址为中国镜像站点来加速这一环节；另外也可以预先单独完成 SDK 组件的手动更新以减少在线拉取次数从而提高成功率[^3]。 #### 查看更详尽的日志信息辅助排查故障 默认情况下终端给出的信息可能不足以帮助定位具体原因。可以通过增加参数 `-verbose` 来获得更加丰富的反馈用于分析潜在隐患所在之处[^4]： ```bash npx react-native run-android --verbose ```
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值