記錄第一次新建RN項(xiàng)目遇到的bug

(1) react-native啟動(dòng)時(shí)紅屏報(bào)錯(cuò):

image.png

解決方案:
1、 項(xiàng)目中在android/app/src/main/創(chuàng)建文件夾 assets

2、項(xiàng)目中執(zhí)行命令:

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 

(2) RN Exception: error Invalid regular expression: /(.\fixtures\.|node_modules[\]react[ \...

解決方案:
修改node_modules\metro-config\src\defaults\blacklist.js文件


image.png

(3)React native 報(bào)錯(cuò):index.android.js` was not found

解決方案:
是react native更新的一些變動(dòng)。原來(lái)工程中會(huì)創(chuàng)建:index.ios.js 和index.android.js,現(xiàn)在只會(huì)創(chuàng)建index.js。一個(gè)簡(jiǎn)單的規(guī)避方法,就是copy 一份index.js 文件命名為index.android.js即可。

最后終于運(yùn)行成功了,RN第一次新建項(xiàng)目就遇到這么多問(wèn)題(哭)

image.png

遇到問(wèn)題
android ReactNative之Cannot find entry file index.android.js in any of the roots
解決方案:
通過(guò)執(zhí)行
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/
命令會(huì)在assets目錄下生成兩個(gè)文件


image.png

react-native 清除緩存
解決方案:
在項(xiàng)目文件夾中有一個(gè)package.json 文件,里面記錄了該項(xiàng)目所有安裝的依賴環(huán)境,若項(xiàng)目文件出現(xiàn)依賴環(huán)境報(bào)錯(cuò)的情況,則可以刪除依賴node_module文件夾,在重新npm install 一次 , 重新安裝依賴。
對(duì)于項(xiàng)目出現(xiàn)出現(xiàn).../.../debug/.../../文件夾報(bào)錯(cuò),可能是緩存導(dǎo)致的問(wèn)題,進(jìn)入android文件夾下,輸入命令 gradlew clean 命令清除緩存,也可使用android studio 中的菜單按鈕的build下的clean project清除環(huán)境,在使用rebuild project 重新跑一次項(xiàng)目

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容