React Native_环境编译
官方环境搭建
一、两种方式运行程序
1、指令运行:react-native run-android。运行结果如下图
二:直接通过android studio运行
二、遇到的问题
1、unable to load script.make sure you're either running a metro server。如下图所示。
a:通过指令启动时没有启动metro server
解决方法:
1:运行 adb reverse tcp:8081 tcp:8081
2:重新执行命令:react-native run-android
注意:当该控制台起来之后,且不消失,程序运行成功。
b:通过as启动时没有index.android.bundle文件
解决方法:
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
3:然后会在assets生成文件 index.android.bundle
4:然后通过as运行即可。
2、当运行生成index.android.bundle文件的指令时出现如下错误。
error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[
\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\
\.*)$/: Unterminated character class. Run CLI with --verbose flag for more detai
ls.
这是由于node.js版本引起的,适当降低版本即可。当不愿意降低版本的时候。
修改 'root'\node_modules\metro-config\src\defaults\blacklist.js文件
/node_modules[/\\]react[/\\]dist[/\\].*/,改为
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
以上是 React Native_环境编译 的全部内容, 来源链接: utcz.com/z/383650.html