期間出現的一些報錯問題
_reactNavigation. NavigationActions.navigate is not a function
這是錯誤代碼，老版本更新到2.55版本之后出現的問題
static resetToHomePage(params) {
const {navigation} = params;
const resetAction = NavigationActions.navigate({
index: 0,
action: [
NavigationActions.navigate({
routeName: "HomePage",
})
]
});
會報如下錯誤
在 react-navigation 的 issue 上也有人碰到這么個問題，而且也得到了解決，意思就是用 StackActions.reset 代替 NavigationActions.navigate，替代之后又出了個新問題
cannot read property 'map ' of undefined,最后找到了解決辦法如下
static resetToHomePage(params) {
const {navigation} = params;
const resetAction = StackActions.reset({
index: 0,
action: [
NavigationActions.navigate({
routeName: "HomePage",
})
]
});
navigation.dispatch(NavigationActions.navigate({
routeName:"HomePage",
action:resetAction,
}));
}
終端執行
react-native run-ios出現
xcrun: error: unable to find utility "instruments"
not a developer tool or in PATH
解決辦法:終端執行
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/
版本兼容問題
You are currently running Node v6.9.1 but React Native requires >=8.
Please use a supported version of Node.
解決辦法:
sudo npm install -g n
sudo n stable
前一段時間還正常，今天跑起來忽然就出現這個錯誤
No bundle URL present
解決辦法: 項目根目錄下依次執行
rm -rf ios/build/
kill $(lsof -t -i:8081)
react-native run-ios
#刪掉build文件，殺掉其他 RN sessions 確保它們在默認的 8081 端口上執行
有時候新開一個項目跑起來還是上次的項目，也可以用上面指令依次跑一下
Failed to load bundle(...)
這個錯誤出現的次數比較多，一看到前面bundle(http...)第一反應就是 端口被占用啥的，其實被占用大部分情況下報的是 No Bundle URL Present ，就是上面那種情況，這里的這個問題關鍵在后面Unexpected token,語法錯誤，然后找了一下終端運行終止的地方，找到了問題所在
這里能看到對應的錯誤信息然后去修改就好了。
如果沒有錯誤信息，那就是服務確實沒啟動了，執行react-native start 或者npm start,然后刷新界面.
React.Children.only expected to receive a single React element child
這個錯誤在我添加 TabNavigator.Item 時出現的，下面這個是報錯的寫法
<TabNavigator.Item
title={title}
//.....
/>
//注釋位置
</TabNavigator.Item>
正確寫法，在注釋位置添加一個子組件就行了，比如<View></View>
<TabNavigator.Item
title={title}
//.....
/>
<View></View>
</TabNavigator.Item>
圖片路徑問題.
files not exist
項目里明明有圖片，但是找不到報錯，這個一般就是引用的層級問題了
然后在homePage 頁需要加載圖片，調用如下
. 表示當前目錄
.. 表示當前目錄一級目錄
./表示當前目錄下的某個文件或文件夾，視后面跟著的名字而定
../表示當前目錄上一級目錄的文件或文件夾
Malformed calls from JS: field sizes are different
這個錯誤網上碰到的也是各種情況都有，下面是錯誤代碼
removeFavoriteItem(key){
AsyncStorage.setItem(key,(error) => {
if (!error) {
this.updateFavoriteKeys(key,false);
}
})
}
這里其實就是AsyncStorage.setItem漏傳了個參數，看下源碼實現會發現需要傳(key,value)倆個參數
我這里是粗心，本來是要調用AsyncStorage.removeItem(key,(error)，這樣就OK了。 RN很多錯誤都是粗心造成的，而且提示不太友好，踩坑前行
加載網頁圖片不顯示
The resource could not be loaded because the App Transport Security policy requires the use of a secure connection
iOS9之后引入了新特性App Transport Security (ATS)。詳情：App Transport Security (ATS)
新特性要求App內訪問的網絡必須使用HTTPS協議。
但是圖片鏈接使用的是HTTP協議，所以無法加載出來
解決辦法：
- 在Info.plist中添加
NSAppTransportSecurity類型Dictionary。 - 在
NSAppTransportSecurity下添加NSAllowsArbitraryLoads類型Boolean,值設為YES
非 iOS 開發可能會看不太懂
這里借用網上的倆張圖看的更清楚些
