React Native_环境编译

react

官方环境搭建

一、两种方式运行程序

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

回到顶部