简介
有时候我们需要在浏览器中统一处理错误信息，而 wherr 就是一个可以帮助我们实现这个功能的 npm 包。它可以在浏览器中捕获错误信息并上报，以帮助我们更快更好地定位问题。
安装
使用 npm 安装 wherr：
npm install wherr --save
使用方法
初始化
首先，我们需要在代码中初始化 wherr：
import wherr from 'wherr';
const errorHandler = wherr({
apiKey: 'YOUR_API_KEY',
projectId: 'YOUR_PROJECT_ID'
});在以上代码中，我们首先从 wherr 包中导入 wherr，然后进行一些设置，例如设置 apiKey 和 projectId，这些设置可以在 wherr 的官网上获得。
绑定 onerror 事件
接下来，我们需要绑定 onerror 事件：
window.onerror = function(message, source, lineno, colno, error) {
errorHandler(message, source, lineno, colno, error);
};在以上代码中，我们通过 window 对象绑定了 onerror 事件，当页面中发生错误时，就会执行 errorHandler 函数，让 wherr 上报错误信息。
使用示例
下面是一个示例，它用到了 wherr：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ ------------
-------
------
------- --------------------------------------------------
------- --------------------------
-------
--------- -------------------- ---- ------- ------ ----- ---- -------- ------ ----- ---- -------- ----- ------------ - ------- ------- --------------- ---------- ----------------- --- -------------- - ----------------- ------- ------- ------ ------ - --------------------- ------- ------- ------ ------- -- --------------------------------------------- -- - ---------------------- ------------ -- - ------------------- ---
在以上代码中，我们首先引入了 wherr 和 axios，然后初始化 errorHandler 以及绑定 onerror 事件。接着，我们发送了一个 GET 请求，并在控制台输出请求结果或错误信息。
结语
通过使用 wherr，我们可以轻松地捕获并上报浏览器中的错误信息，以帮助我们更好地调试和优化应用程序。上文提供的使用教程仅供参考，具体使用时还需根据自己的项目进行相应的调整和优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710c8dd3466f61ffe148