Promise UnhandledRejection 问题

sentry 中经常收到  UnhandledRejection 的错误，在网上看了下，是因为 promise reject 之后没有捕获错误导致的，比如以下代码：

function login() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            reject("fail");
        }, 2000);
    });
}

login(); // 报错

 

这时可以使用 try catch 来捕获错误，就不会产生报错问题：

try {
    login();
} catch (e) {
    console.log("login error", e);
}

 

为了防止有漏掉的 Promise 异常，建议在全局增加一个对 unhandledrejection 的监听，用来全局监听 Uncaught Promise Error

window.addEventListener(
    "unhandledrejection",
    function browserRejectionHandler(event) {
        event && event.preventDefault();
    }
);

 

参考文章： 

拦截全局的 Promise unhandledRejection 错误，并阻止控制台输出