常用环境
vs code插件
- Debugger for Chrome (装完记得配置launch.json文件)
- React Native Tools
- 配置相对引用路径
中文教程文档
https://reactnative.cn/docs/getting-started.html
新建项目
react-native init <项目名称> --version <指定版本号>
react-native init MyApp --version 0.44.3
react-native init MyApp (默认使用最新版)
运行指令
react-native run-ios
react-native run-android
工程报错常用
重新连接设置第三方库
cd ./node_modules/react-native/third-party/glog-0.3.4
sh ../../scripts/ios-configure-glog.sh
重新连接设置第三方库
cd ./node_modules/react-native/third-party/glog-0.3.4
../../scripts/ios-configure-glog.sh
安装缺失的库
//安装缺失的库
yarn add react-native-qiyu
//link
react-native link react-native-qiyu
踩坑实战指南
先导出行(iOS)
// 1. 安装
npm install
//2. 重新链接,设置库
cd ./node_modules/react-native/third-party/glog-0.3.4
sh ../../scripts/ios-configure-glog.sh
//3 . websocket 依赖库欠缺
复制一份libfishhook.a(可从工程RCTWebSocket.xcodeproj的products找到) 到 node_modules/react-native/Libraries/WebSocket/
- 如果Xcode 某些子工程没编译好(子工程无法展开), 可以先把 build文件夹删掉,然后执行
react-native run-ios
- 如果使用本机ip debug运行,程序可进入, 但报 ip无法读取,可执行
npm start -- --reset-cache
//4. appdelegate.mm的index.ios.bundle修改为 index.bundle
jsCodeLocation = [NSURL URLWithString:@"http://192.168.50.85:8081/index.bundle?platform=ios&dev=true"];
//5. copy svn上修改过的库
不要复制 react-native-code-push ,
