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,这样虚拟机就可以装上新的包了