在NodeJS / Express / React堆栈中记录错误

在NodeJS / Express / React堆栈中记录错误，可以使用日志记录工具来实现。日志记录是一种将应用程序的运行时信息记录到文件或数据库中的技术，以便后续分析和故障排除。

在NodeJS中，常用的日志记录工具有：

Winston：Winston是一个灵活且可扩展的日志记录库，支持多种日志传输方式和格式。它可以将日志记录到文件、控制台、数据库等，并支持日志级别、日志轮转等功能。推荐使用腾讯云的云原生日志服务CLS（Cloud Log Service）来存储和分析日志。详情请参考：腾讯云云原生日志服务CLS

在Express中，可以使用中间件来记录错误日志。以下是一个示例：

const express = require('express');
const winston = require('winston');

const app = express();

// 创建一个Winston日志记录器
const logger = winston.createLogger({
  transports: [
    new winston.transports.Console(),
    new winston.transports.File({ filename: 'error.log' })
  ],
  format: winston.format.combine(
    winston.format.timestamp(),
    winston.format.json()
  )
});

// 错误处理中间件
app.use((err, req, res, next) => {
  // 记录错误日志
  logger.error(err.message, { error: err });

  // 返回错误响应
  res.status(500).json({ error: 'Internal Server Error' });
});

// 其他中间件和路由处理

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

在React中，可以使用错误边界（Error Boundary）来捕获和处理组件中的错误。以下是一个示例：

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class ErrorBoundary extends Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  static getDerivedStateFromError(error) {
    return { hasError: true };
  }

  componentDidCatch(error, errorInfo) {
    // 记录错误日志
    logger.error(error.message, { error: error });

    // 可以在此处发送错误报告给服务器
  }

  render() {
    if (this.state.hasError) {
      return <h1>Something went wrong.</h1>;
    }

    return this.props.children;
  }
}

ErrorBoundary.propTypes = {
  children: PropTypes.node.isRequired
};

export default ErrorBoundary;

以上示例中，我们使用了Winston作为日志记录工具，并将错误日志记录到文件和控制台。在Express中，通过错误处理中间件捕获和记录错误。在React中，通过错误边界捕获和记录组件中的错误。

这种错误记录的方法可以帮助开发人员及时发现和解决应用程序中的问题，提高应用程序的稳定性和可靠性。

腾讯云相关产品推荐：