提示

!!! 基于已有的老项目环境搭建 如果有什么不一样的地方 需要参考自己的项目做修改
使用新版本没有这么复杂

新环境搭建参考

常用命令 手机监听端口号 8081

adb reverse tcp:8081 tcp:8081

删除原来的环境

npm unsintall 卸载npm
everything 搜索node.js 菜单文件夹 以及user文件夹下的缓存全部删除

环境搭建

安装node对应的版本
根据代码的版本号 下载对应的node 版本 package_json

image.png

安装 yarn 工具

特别注意 使用yarn 命令有问题 程序无法启动或者闪退等

推荐使用npm install     以及  react-native run-android  
npm install -g yarn

image.png

安装cli

npm install -g react-native-cli

替换npm 安装源 npm install --force -g cnpm -registry=https://registry.npm.taobao.org

开始运行项目

下载代码 进入cmd
npm install
Cannot read properties of null (reading 'pickAlgorithm')

image.png

image.png

npm cache clear --force

'cp' 不是内部或外部命令，也不是可运行的程序
不使用cmd 使用gitbash here

image.png

重新进行 npm cache clear --force npm install
然后在进行 npm install 安装依赖

三方module 添加阿里云仓库

以下每个module 或者依赖无法下载成功的 都要添加仓库 以及修改 tools.build.gradle 为 3.5.4
react-native-cardview
react-native-i18n
react-native-reanimated
react-native-webview

mavenCentral()
maven { url 'https://maven.aliyun.com/repository/google'}
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/repository/central' }
maven { url 'https://maven.aliyun.com/repository/public' }
maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }

maven { url 'https://www.jitpack.io' }

image.png

Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

image.png

使用androidstudio 启动项目 查看具体的报错信息

Could not find com.github.LuckSiege.PictureSelector:picture_library:0.4.9

image.png

ColorPropConverter 为 yarn install 之后出现的异常 使用npm install 未出现
import com.facebook.react.bridge.ColorPropConverter

image.png

react-native-blob-util

image.png

# Using npm
npm install react-native-pdf react-native-blob-util --save

# or using yarn:
yarn add react-native-pdf react-native-blob-util

Androidstudio 终端无法 使用yarn 命令

image.png

解决方法：
1、管理员身份运行power shell
2、输入set-ExecutionPolicy RemoteSigned并按下确认
3、get-ExecutionPolicy（查看是否成功，可省略）

npm start //启动服务
--no-jetifier

react-native run-android // 启动服务 + 运行安卓
react-native run-android --variant huaweidebug

npm install react-native-debugger //debug模式

分开启动 启动服务npm start + androidstudio 运行安卓工程 都OK之后 rn窗口 按下 r键 重新启动

image.png

download kotlin-compiler-embeddable-1.6.20-RC 卡住
参考文档
https://blog.csdn.net/WLX10428/article/details/121018265
https://mvnrepository.com/search?q=kotlin-compiler

image.png

apk打包命令

./gradlew clean assembleRelease
./gradlew clean assembleDebug