React Native中可能存在未处理的Promise Rejection网络错误

时间:2017-03-05 05:15:11

标签: react-native redux axios redux-thunk

我使用express.js设置我的本地服务器,它只是处理请求并返回简单消息。

app.get('/hello', (req, res) => {
    res.send('Hello world !');
});

我执行了服务器并在网络浏览器上测试它,效果很好。

我只想在我的react-native应用

上执行此操作

这是我的action.js文件

import axios from 'axios';

exports.helloButtonPressAct = (email, password) => {
    return function (dispatch) {
        return axios.get('http://localhost:3000/hello')
            .then(function (response) {
                console.log(response);

                // and create action obj here
                // dispatch(someAction(...))
            })
            .catch(function (error) {
                throw error;
                console.log(error);
            });
    };
};

它只返回catch()结果。

  

可能的未处理承诺拒绝(id:0):网络错误错误:   createError的网络错误...

enter image description here

也许有些不对劲但我无法找到它是什么。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

解决。

return axios.get('http://localhost:3000/hello')

return axios.get('http://10.0.0.2:3000/hello')

并且有效。

在Android模拟器中,localhost引用其设备。

https://github.com/facebook/react-native/issues/10404