如何将反应控制台错误记录到文件中？答案

【问题标题】：How to log react console errors to a file?如何将反应控制台错误记录到文件中？
【发布时间】：2017-07-29 19:28:58
【问题描述】：

我是网站前端/客户端应用程序开发的新手。我正在建立一个新的反应项目。我用create-react-app。

我应该如何处理控制台错误（网络调用错误除外）？有没有办法将它们记录在任何文件中？

最佳日志记录做法是什么？

【问题讨论】：

欢迎堆砌！由于 React 是一个客户端库，因此错误发生在其他人的浏览器上，并且由于显而易见的原因，浏览器无法将文件写入计算机，更不用说您的计算机了。但是，您可以在某处对错误发出 POST 请求，然后将它们记录在那里
不知道你为什么要这样做。该文件有什么目的，比如说，只是在开发过程中修复错误？
@azium 得到了你的分数。我已经更新了我的问题。可以再看一遍吗？

【解决方案1】：

尽管有一些方法和方法可以在浏览器上存储数据（而不是实际的客户端文件），但这并不是记录浏览器错误的一般策略（我相信这就是您所指的）。

根据我的经验，我们应该有一个专用的日志服务器，它带有一个简单的 API，具有足够的安全性，可以过滤流量并应用速率限制。这最终将增强日志并将其写入文档数据库，以便以后进行分析。

一个简单的 JavaScript 解决方案将使用以下内容来捕获错误并将它们发送到日志服务器。

window.onerror = function(message, url, lineNumber) {  
  // make ajax call to api to save error on server
  return true;
};

我还应该提到Sentry.io - 他们提供了一项服务，尽管存在一些限制，但它们通常足以满足中小型应用程序的需求。

【讨论】：

我也在考虑哨兵。 :+1:
@jeanfrg 我已经更新了我的问题，你能再看看吗？
@RahulKumar 我的回答仍然有效。基本上，像 sentry 这样的东西是捕获所有控制台错误，然后它们对 api 进行 ajax 调用，这将保存它们以便您以后能够检查它们。
@RahulKumar 我已经用屏幕截图、链接和代码 sn-p 更新了答案
@RahulKumar 有帮助吗？