react-native 最新版本爬坑经历(unable to load script from assets 和could not connect to development server.)

前端之家收集整理的这篇文章主要介绍了react-native 最新版本爬坑经历(unable to load script from assets 和could not connect to development server.)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

新建项目

react-native init TestApp

运行项目

react-native run-android

不好意思,错误马上就到了

错误1:unable to load script from assets ‘index.android bundle’,make sure your bundle is packaged correctly or youu’re runing a packager server

解决办法
1,在 android/app/src/main 目录下创建一个 assets空文件

mkdir 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/

注意了,是编译index.js而不是index.android.js,因为react-native新版本已经没有index.android.js和index.ios.js两个文件了,只有一个index.js文件,所以要编译index.js
会发现 assets文件夹下多出两个文件

index.android.bundle      index.android.bundle.Meta

3,重新react-native run-android

*错误2:could not connect to development server.
Try the follwing to fix the issue:*

解决办法:
重新编译index.js文件(走一遍错误一中的第2部),在重新运行react-native run-android

双击R键刷新android模拟器

另外运行ios时,如果想指定某个模拟器
react-native run-ios –simulator “iPhone X”

查看iOS设备:在终端中输入 xcrun simctl list devices

原文链接:https://www.f2er.com/react/302172.html

猜你在找的React相关文章