已經(jīng)搭建好了開發(fā)環(huán)境,現(xiàn)在要把從gitLab上下載的項(xiàng)目,重新搭建起來,請按如下步驟進(jìn)行:

npm install
如果項(xiàng)目有特別標(biāo)注update需求:
npm update --verbose
如果要打印進(jìn)程,則如下:
npm install --verbose
出現(xiàn)如下情況,可能是npm的權(quán)限問題(需要配置SSH免登陸文件):

解決上面的問題,要在gitLab上配置SSH文件:https://blog.csdn.net/gulingfengze/article/details/69665223
檢測本機(jī)是否安裝ssh服務(wù),未安裝時如截圖:

注意:如果初始化時出現(xiàn)卡頓在如下如的情況

...rollbackFailedOptional: verb npm-session...
然后排除是否是由于代理問題,如果是下圖這種就不是代理問題:

npm config get proxy
那就極有可能是網(wǎng)絡(luò)問題了。
輸入如下命令檢測一下:
npm install express -g
配置生成SSH文件后,還要開啟SSH服務(wù);Mac OS X系統(tǒng)已經(jīng)默認(rèn)安裝了SSH,但是SSH服務(wù)并未啟用,這樣你就不能遠(yuǎn)程登錄。
啟用SSH服務(wù)的方法,如圖:


進(jìn)入“系統(tǒng)偏好設(shè)置”,找到“共享”,勾選“遠(yuǎn)程登錄”,即可立即啟動SSH服務(wù),你可以在客戶機(jī)上用ssh 用戶名@Mac主機(jī)IP遠(yuǎn)程登錄到這臺Mac上。
如果還有問題,改變一下node的版本看看是否可行;

給項(xiàng)目裝好了npm之后,更新一下cocoapods:
用終端進(jìn)入項(xiàng)目中對應(yīng)的iOS文件夾,輸入:
pod update --no-repo-update
由于git上集成的pods庫權(quán)限授權(quán)問題,可能出現(xiàn),如下情況:

將未授權(quán)的,一一授權(quán)就可以了;
注意:如果出現(xiàn)如下截圖,說明npm沒有開啟,開啟就好了;

終端進(jìn)入項(xiàng)目所在文件夾,輸入如下命令:
npm start
附注:
如果從網(wǎng)上下載別人的RN項(xiàng)目,出現(xiàn)如下報(bào)錯:
按如下步驟解決:
1.打開Mac里面的終端,進(jìn)入項(xiàng)目所在的文件夾目錄;
2.把項(xiàng)目里面的 node_modules 文件夾刪除掉(如果有的話),然后執(zhí)行如下命令:
npm install
3.npm install安裝完成后, 執(zhí)行如下命令:
react-native upgrade
最后重新打開Xcode,clean一下,應(yīng)該就沒有問題了;
終端執(zhí)行下面命令出現(xiàn)其下情況
react-native run-ios
終端打印出現(xiàn)如下:
Scanning 614 folders for symlinks in /Users/kaifa1/Desktop/git/項(xiàng)目文件夾/node_modules (15ms)
Found Xcode workspace ishirble.xcworkspace
xcrun: error: unable to find utility "instruments", not a developer tool or in PATH
Command failed: xcrun instruments -s
xcrun: error: unable to find utility "instruments", not a developer tool or in PATH
解決方法,終端輸入如下命令
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/
如果執(zhí)行react-native命令出現(xiàn):-bash: react-native: command not found
參考自:https://blog.csdn.net/weixin_33817333/article/details/86987415
執(zhí)行:
sudo npm install -g react-native-cli
出現(xiàn):/usr/local/Cellar/node/11.14.0_1/bin/react-native -> /usr/local/Cellar/node/11.14.0_1/lib/node_modules/react-native-cli/index.js
解決方法,執(zhí)行:
vim ~/.bash_profile
修改文件內(nèi)容,并保持退出
export RN=/usr/local/Cellar/node/11.14.0_1/bin
export PATH=$RN:$PATH
使其生效:
source ~/.bash_profile
查看是否配置成功(如果顯示出了剛剛放進(jìn)去的路徑,就是成功了,現(xiàn)在可以去初始化一個項(xiàng)目了):
echo $PATH
如果上述執(zhí)行后,Xcode運(yùn)行項(xiàng)目還報(bào)'RCTxxx.h' file not found
模擬器執(zhí)行command+R失效
首先:確定xcode-->product-->Scheme-->Edit Scheme -->Run -->Build Configuration -->Debug
其次:確定模擬器的 "Hardware > Keyboard" 的 "Connect Hardware Keyboard" 是勾選狀態(tài);
關(guān)于react-native run-android運(yùn)行安卓模擬器問題,錯誤如下圖
run-android出錯.png

解決辦法
cd Library/
open .
進(jìn)入Android的文件夾,將sdk的路徑用終端顯示出來,對比一下應(yīng)該不一樣;然后,進(jìn)入項(xiàng)目中android文件夾找到local.properties文件,修改路徑
sdk.dir=/Users/你mac的用戶名/Library/Android/sdk
再次運(yùn)行就好了。。。
鏈接模擬器,運(yùn)行
adb connect 127.0.0.1:62001
使用Android模擬器可能會遇到的問題:http://www.itdecent.cn/p/b8b16c338d6e
關(guān)于打包
iOS:設(shè)置scheme:正式環(huán)境ishirble_release,開發(fā)環(huán)境ishirble,測試環(huán)境ishirble_test(根據(jù)自身配置)
Android:終端進(jìn)入android項(xiàng)目所在文件,輸入如下命令:
./gradlew clean assembleReleaseStaging //測試包
./gradlew clean assembleRelease //正式包
./gradlew clean assembleDebug //打包測試
// 需注意的是,項(xiàng)目創(chuàng)建時是否按這個規(guī)范進(jìn)行,否則需另做處理
Android APK獲取路徑:
cd app/build/outputs/apk/
ios命令打包:
// 進(jìn)入項(xiàng)目文件路徑
xcodebuild clean
xcodebuild -workspace ishirble.xcworkspace -scheme ishirble_test -configuration Test -derivedDataPath build
xcrun -sdk iphoneos PackageApplication -v app包路徑(上一步最后輸出的builtin-validationUtility后面的) -o 輸出路徑
xcrun -sdk iphoneos PackageApplication -v /Users/kaifa1/Desktop/git/ishirble/ios/build/Build/Products/Test-iphoneos/ishirble.app -o /Users/kaifa1/Desktop/test
UI設(shè)計(jì)稿上px字號、間距等轉(zhuǎn)換為項(xiàng)目中數(shù)值:http://www.itdecent.cn/p/e57fa8ad6462
一些必要的小技巧:http://www.itdecent.cn/p/fb954a164dd2
日常報(bào)錯:http://www.itdecent.cn/p/fd35b1fa61f0
續(xù)集:http://www.itdecent.cn/p/063b1b791354
未完待續(xù)...