陣營原生：可能未處理的承諾拒絕

，我發現了以下錯誤：Possible unhandled promise rejection (id:0: Network request failed陣營原生：可能未處理的承諾拒絕

這裏的承諾的代碼，我看不出有什麼錯在這裏，任何想法？

return fetch(url) 
    .then(function(response){ 
     return response.json(); 
    }) 
    .then(function(json){ 
     return { 
     city: json.name, 
     temperature: kelvinToF(json.main.temp), 
     description: _.capitalize(json.weather[0].description) 
     } 
    }) 
    .catch(function(error) { 
    console.log('There has been a problem with your fetch operation: ' + error.message); 
    }); 
}

**編輯：我添加了一個捕捉功能，並得到了更好的錯誤You passed an undefined or null state object; instead, use forceUpdate(). index.ios.js:64 undefined

這裏的index.ios.js代碼。網址很好，並給我正確的JSON數據。我可以在控制檯日誌中看到，region.latitude和region.longitude在Api(region.latitude, region.longitude)中可用。但是data未定義。我仍然不確定發生了什麼，爲什麼data有問題，以及爲什麼它沒有定義。

// var React = require('react-native'); --deprecated 

// updated 
import React from 'react'; 

// updated 
import { 
    AppRegistry, 
    MapView, 
    View, 
    Text, 
    StyleSheet, 
} from 'react-native'; 

/* 
var { 
    AppRegistry, 
    MapView, 
    View, 
    Text, 
    StyleSheet 
} = React; 
*/ // -- depreciated 


var Api = require('./src/api'); 

var Weather = React.createClass({ 
    getInitialState: function() { 
    return { 
     pin: { 
     latitude: 0, 
     longitude: 0 
     }, 
     city: '', 
     temperature: '', 
     description: '' 
    }; 
    }, 
    render: function() { 
    return <View style={styles.container}> 
     <MapView 
     annotations={[this.state.pin]} 
     onRegionChangeComplete={this.onRegionChangeComplete} 
     style={styles.map}> 
     </MapView> 
     <View style={styles.textWrapper}> 
     <Text style={styles.text}>{this.state.city}</Text> 
     <Text style={styles.text}>{this.state.temperature}</Text> 
     <Text style={styles.text}>{this.state.description}</Text> 
     </View> 
    </View> 
    }, 
    onRegionChangeComplete: function(region) { 
    this.setState({ 
     pin: { 
     longitude: region.longitude, 
     latitude: region.latitude 
     } 
    }); 

    Api(region.latitude, region.longitude) 
     .then((data) => { 
     console.log(data); 
     this.setState(data); 
     }); 
    } 
}); 




var styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'stretch', 
    backgroundColor: '#F5FCFF' 
    }, 
    map: { 
    flex: 2, 
    marginTop: 30 
    }, 
    textWrapper: { 
    flex: 1, 
    alignItems: 'center' 
    }, 
    text: { 
    fontSize: 30 
    } 
}); 

AppRegistry.registerComponent('weather',() => Weather);

來源

2016-08-09 Agent Zebra

也加上'.catch（）'，看看錯誤是否消失。參考：https：//facebook.github.io/react-native/docs/network.html#handling-the-response – Cherniv

謝謝，這給了我一個更好的錯誤，但沒有擺脫它：DI編輯了上述問題以反映更好的錯誤。 –

你的api中的catch函數應該返回一些可以通過React類中的Api調用處理的數據，或者拋出新的錯誤，這應該通過在你的React類中使用catch函數來捕獲碼。後者的做法應該是這樣的：

return fetch(url) 
.then(function(response){ 
    return response.json(); 
}) 
.then(function(json){ 
    return { 
    city: json.name, 
    temperature: kelvinToF(json.main.temp), 
    description: _.capitalize(json.weather[0].description) 
    } 
}) 
.catch(function(error) { 
console.log('There has been a problem with your fetch operation: ' + error.message); 
// ADD THIS THROW error 
    throw error; 
});

然後在您的陣營類：

Api(region.latitude, region.longitude) 
    .then((data) => { 
    console.log(data); 
    this.setState(data); 
    }).catch((error)=>{ 
    console.log("Api call error"); 
    alert(error.message); 
    });

來源

2016-08-09 06:43:10 while1

謝謝，我在api中也加了catch函數，並且沒有拋出錯誤。奇怪。 –

在console.log後加了throw error（'有問題你的抓取操作：'+ error.message';在你的抓取函數中，見第一個片段中添加的throw錯誤 – while1

Ah jeez，錯過了，謝謝，錯誤是'網絡請求失敗'，這是錯誤嗯...仍然不知道這裏發生了什麼 –