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

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐