【React-native】重新下载项目配置集锦

1.下载(此次版本为v4.2.0_maidian)

2.安装 npm install

3.编译报错

1）【错误: 找不到符号】import android.support.v4.app.ActivityCompat;

【原因】此类问题是由于AndroidX和Support兼容

【解决】

  ①npm  install --save-dev jetifier

  ②package.json文件的scripts中添加“postinstall”：“ npx jetify”

  ③gradle.properties文件添加配置

      android.enableJetifier=true

      android.useAndroidX=true
  ④其他报错node_modules/react-native-XXX/android中新建gradle.properties配置

    android.useAndroidX=false

    android.enableJetifier=false

  ⑤npm run postinstall

  ⑥react-native run-android

2）【错误】 Could not find com.android.support:appcompat-v7:${supportVersion}.Required by: project :react-native-audio

【解决】 报错文件对应的node_modules/react-native-audio/android/build.gradle中引用的该句，单引号改为双引号

3）【错误】Could not read path系列

Failed to capture snapshot of output files for task ':react-native-audio:generateDebugRFile' property 'sourceOutputDirectory' during up-to-date check.
> Could not read path 'D:\work\gitlab\healthwhApp\node_modules\react-native-audio\android\build\generated\not_namespaced_r_class_sources\debug\generateDebugRFile\out\androidx\appcompat'

 【解决】

cd android
gradlew clean
cd ..
react-native run-android

4）【错误】程序包android.support.annotation系列不存在

【解决】android/app/build.gradle文件中配置

dependencies{

...

implementation "com.android.support:support-annotations:28.0.0"

}

【解决】Android studio打开项目android文件，快捷操作Ctrl + Shift + R

import android.support.annotation.
替换为
import androidx.annotation.

5）【错误】Android Studio编译报错import android.support.v4.util.SparseArrayCompat;

cmd命令启动端口npm run start PORT=8081

和运行react-native run-android

6）【错误】events.js:186throw er; // Unhandled 'error' event

【解决】node-modules/graceful-fs/polyfills.js注释掉61行-63行

7）【错误】import android.support.v4.util.XXX;

【解决】

①npm  install --save-dev jetifier

②package.json文件的scripts中添加"postinstall”：“ npx jetify”

③npm run postinstall

④最后react-native run-android

4.运行报错

1）【错误】Failed to capture snapshot of output files for task ':app:processDebugResources' property 'sourceOut

cd android
./gradlew clean
cd ..
react-native run-android

2）【错误】UnhandledPromiseRejectionWarning: Error: Failed to start watch mode.-----红屏

at Timeout._onTimeout (......\node_modules\metro\node_modules\jest-haste-map\build\index.js:935:24)
at listOnTimeout (internal/timers.js:531:17)

【解决】关掉原先的端口监听cmd，重新npm run start PORT=8081命令运行

 

以上，项目成功跑起。