React-native常見錯誤總結(jié)? 及? Debug JS Remtoely調(diào)試
報錯一:Could not connect to development server
錯誤原因1:?? 無法連接node.js服務(wù)器筏养。
解決方式:
1. 單機(jī)右邊三條杠或者搖一搖,然后再單機(jī)Dev Settings
2. 單機(jī)Debug server host& port for device??并且在命令框中ipconfig找到自己的電腦IP墩邀,輸入進(jìn)所顯示的框中盏浙,注意中英文符號荔茬。
3.然后點擊搖一搖,重新的Reload一下就好了竹海。
報錯二:Application Fist has not been registered
錯誤原因:?更改了index.js
解決方式:
1.打開項目文件夾慕蔚,找到index.js,并用記事本打開斋配。
2.檢查AppRegistry.registerComponent('XXXXX',() => scrollViewTop);中XXXX是否和你的項目名稱一致孔飒。通常此類錯誤不常見。
3.修改完成后保存并重新運行艰争,則恢復(fù)正常坏瞄。
報錯三:ReferenceError:Can't find variable:Image
錯誤原因:? 缺少image組件的聲明甩卓。
解決方法:
1.在index.js中找到這個文件鸠匀,摁住CTRL然后鼠標(biāo)左鍵單機(jī)即可跳轉(zhuǎn)。
2.在文件頭的位置找到import{? ?XXXXXX? ?} from 'react-native';這句話逾柿,并且在這句的XXX的位置加上需要聲明的組件即可缀棍。
3.然后保存并重新運行即可。
報錯4:Unable to load script from assets 'index.android.bundle'
錯誤原因: 新版本文件名已經(jīng)從index.android.js變?yōu)榱薸ndex.js;
解決辦法:
1.在系統(tǒng)運行窗口中切換到項目目錄下机错,運行mkdir android\app\src\main\assets
ps: 因為之前運行過爬范,所以是已經(jīng)存在。
2.再運行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等待完成即可毡熏。
3.然后重新用react-native重新運行即可坦敌。
報錯5:The development server returned response error code:500
報錯原因: 此類錯誤一般是由代碼編輯錯誤造成,重新檢查代碼痢法,可以在node.js圖形化窗口得到提示
解決辦法:
1.打開圖形化窗口node.js狱窘,找到報錯原因。
2.修改代碼至正確蘸炸,然后重新運行即可
調(diào)試方法:利用夜神模擬器的自帶調(diào)試方法Debug JS Remotely
單機(jī)夜神模擬器搖一搖或者三條杠,找到 Debug JS Remotely 打開后會跳轉(zhuǎn)到谷歌游覽器中進(jìn)行調(diào)試尖奔。
當(dāng)你不需要調(diào)試的時候再點擊搖一搖或者三條杠搭儒,單機(jī)Stop Remote JS Debugging即可。