未知（約束）

Question

私は問題がいつもわかっています。私はes6の約束を使用しています。私は複数のレイヤーを持っています。 実行時に私が約束を守らないと、コンソールにUncaught (in promise)があります。しかし、実際には私は自分のコードでそれを捕まえることがあります。

高速簡単な例：

LoginApi.js

var loginDaoCall = loginDao.login(username, password); 

loginDaoCall 
    .then(function (res) { 
     store.dispatch(loginSuccess()); 
     log.log("[loginApi.login] END"); 
    }) 
    .catch(function (err) { 
     store.dispatch(loginFail()); 
     errorUtils.dispatchErrorWithTimeout(errorLogin); 
     log.log(err); 
    }); 

return loginDaoCall; 

loginContainer.js

loginApi.login(user, password).then(() => { 
    // Change here instead of in render so the user can go back to login page 
    this.props.history.push(baseUrlRouter + "test"); 
}); // <- Error here cause I don't CATCH the promise, but I do catch it in my loginapi.js 

私は何もしないキャッチすることができることを知っているが、えっ。私はAPIレイヤーで履歴プッシュを行うこともできますが、それはその責任ではありません。

どうすれば私のコンソールでエラーを回避できますか？方法はありますか？私はそれをこのように残すことを考えています。

Answer 1

あなたの問題は、あなたがloginDaoCall、ないエラーがすでに処理された約束を拒否するreturnであったということです。 loginApi.login(user, password)は実際に拒否された約束を返してくれましたが、それが別の支店で処理されていたとしても、さらに.then()によって返された約束は拒否され、処理されませんでした。それは、エラーや警告

あなたは

// LoginApi.js 
return loginDao.login(username, password).then(function (res) { 
    store.dispatch(loginSuccess()); 
    log.log("[loginApi.login] END"); 
    return true; 
}, function (err) { 
    store.dispatch(loginFail()); 
    errorUtils.dispatchErrorWithTimeout(errorLogin); 
    log.log(err); 
    return false; 
}); // never supposed to reject 

// loginContainer.js 
loginApi.login(user, password).then(success => { 
    if (success) { 
     // Change here instead of in render so the user can go back to login page 
     this.props.history.push(baseUrlRouter + "test"); 
    } 
}); 

Answer 2

キャッチブロックにエラーがあるようです。エラーがスローされると、第1キャッチブロックのエラーをキャッチする第2キャッチブロックはありません。それを修正する

...

.then(function (res) { 
    // some code that throws an error 
}) 
.catch(function (err) { 
    // some code that throws an error 
}) 
.catch(function (err) { 
    // This will fix your error since you are now handling the error thrown by your first catch block 
    console.log(err.message) 
});