Javascript 捕获React 15.3.1中的所有错误

我需要捕获客户端浏览器上发生的所有javascript错误以发送到Rollbar。我尝试了很多解决方案，比如

window.addEventListener

和overwrite

console.error

方法，但都不适合我

我已经收到了Ajax错误，比如图像上的jqXHR，但它在时间上的信息较少

但是上面的信息（红色）我不能

---

如何使用React真正获取所有浏览器错误消息？

我认为您看到的错误与React无关，它是由您的浏览器引发的，因为您的脚本试图发出跨域请求

有关更多详细信息，请查看以下内容：

---

我认为您看到的错误与React无关，它是由您的浏览器引发的，因为您的脚本试图发出跨域请求

有关更多详细信息，请查看以下内容：

---

我认为不可能在一个地方捕获所有浏览器错误，这不是一个反应问题

例如，如果要捕获所有API错误，基本技术是将所有API调用包装到简单函数，如：

/**
* @returns Promise
*/
export default function httpRequest(type, path, params, headers) {
    return someHttpLibrary.request(type, path, params, headers)
        catch((error) => {
            logTheStuff(error);
        });
}

您应该调用该函数，而不是直接请求。此外，该技术的额外成就是，如果需要，您可以在一个地方记录所有请求并更改库；D

关于其他错误，例如渲染错误或逻辑错误，Sentry团队写了一篇关于处理错误的好文章：

---

此外，Sentry是处理React错误的非常好的工具：

我认为不可能在一个地方捕获所有浏览器错误，这不是React的问题

例如，如果要捕获所有API错误，基本技术是将所有API调用包装到简单函数，如：

/**
* @returns Promise
*/
export default function httpRequest(type, path, params, headers) {
    return someHttpLibrary.request(type, path, params, headers)
        catch((error) => {
            logTheStuff(error);
        });
}

您应该调用该函数，而不是直接请求。此外，该技术的额外成就是，如果需要，您可以在一个地方记录所有请求并更改库；D

关于其他错误，例如渲染错误或逻辑错误，Sentry团队写了一篇关于处理错误的好文章：

此外，Sentry是处理React错误的非常好的工具：

我可以得到更多的“错误”字符串作为错误详细信息？？如果你看这个，看起来你有一个onError事件可用，但控制台错误总是会发生，它由你的浏览器记录，并且看起来出于安全原因你不能触摸它。我可以得到更多“error”字符串作为错误详细信息？？如果查看此信息，看起来您有onError事件可用，但控制台错误将始终发生，它由浏览器记录，并且出于安全原因，您无法触摸它。