React-Native 常见问题篇

无法生成bundle文件(离线打包)

首先说下我这里的版本
npm: v6.14.0
node: v14.15.4

1.无法将“react-native”项识别为 cmdlet、函数...

如下图,大多数近期更新过RN的童鞋可能会出现这个问题.
使用命令：

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

微信截图_20210127151921.png

解决方案

使用新命令，新版rn所有原始的"react-native"命令前面都需要添加"npx"如下:
新命令:

npx 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

微信截图_20210127151943.png

如上可以看到我们成功的打包了本地的bundle文件.

注意: 如果以上方法报错请继续看下面 ↓↓↓↓↓↓↓↓↓↓↓

1.报错:error Invalid regular expression:

报错如下图:

微信截图_20210127151921.png

原因: node版本过高

解决方案:

① 找到如下文件打开:

微信截图_20210127153749.png

② 找到此项更换为如下代码即可,对部分代码进行转义即可

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];