react native模拟器 (夜神) unable to load script

react native 踩坑记录,首先开发环境的搭建可以看这篇博文:

React Native环境配置搭建(史上最详细教程)_0·C的博客-CSDN博客_reactnative环境搭建

大致就是安装:node、jdk(java)、Android studio,然后配置环境变量,

夜神模拟器安装完之后,最好将 android SDK文件夹 platform-tools 中的 adb.exe  复制下,然后改名为 nox_adb.exe 替换夜神 文件夹 bin目录中的 对应文件 ,

这样 本地虚拟机就可以开发调试了,adb devices 就能识别到虚拟机了

(  Could not connect to development server 报错,以上为解决这个问题)

回归主题:unable to load script

原因

没有找到index.android.bundle

方法一

  • 创建android/app/src/main/assets文件夹
  • 执行命令
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  
  • 重新执行 react-native run-android

方法二

android/app/build.gradle中设置

project.ext.react = [
        bundleAssetName: 'index.android.bundle',
        bundleInDebug: true,
        bundleInAlpha: true,
        bundleInBeta : true
]

主要是设置bundleInDebug等于true,使得开发时也会打包index.android.bundle

执行 react-native run-android 之后 (建议重启虚拟机)就可以愉快的开始开发react-native了

其他RN问题

如果关闭所有命令窗口,重新使用命令 :npx react-native run-android ,(例如第二天继续昨天的工作)可能不会打包新的安卓包,虚拟机还会使用已有的包,此时应该:

cd android &&./gradlew clean

进入安卓目录,清除之前打的包,

(如果命令没用,可以 手动强制删除 android\app 目录下的 build 目录)

然后重新执行 npx react-native run-android,这样虚拟机就可以装上新的包了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值