Socket.io客户端控制台未显示执行错误，如何获取具体报错信息？

当Socket.io事件回调内出现执行错误时，默认情况下错误会被框架捕获并仅返回模糊的"parse error"，导致无法获取具体的JavaScript错误详情，可通过以下方式解决：

• 局部try-catch捕获回调内错误
  直接在事件回调函数内部添加try-catch块，手动捕获并打印详细错误信息：

  import { io } from 'socket.io-client';
  const socket = io(servHost);
  
  socket.on('connect', () => {
    try {
      console.log(`Connected : ${socket.id}`);
      socket.emit('join', "Some data");
      socket.emit('otherEvent');
      // 模拟错误代码
      null.onPurpose = 'test';
    } catch (error) {
      console.error('回调执行错误详情:', error);
      // 可根据需求选择是否断开连接，或处理错误后继续保持连接
    }
  });
  
  socket.on('disconnect', (err) => {
    console.log(err);
    console.log("Disconnected");
  });
  

• 全局监听未处理错误
  针对可能遗漏的局部捕获，通过全局事件监听捕获所有同步错误和未处理的Promise拒绝：

  // 捕获全局同步错误
  window.addEventListener('error', (event) => {
    console.error('全局同步错误:', event.error);
  });
  
  // 捕获未处理的Promise拒绝错误
  window.addEventListener('unhandledrejection', (event) => {
    console.error('全局未处理Promise错误:', event.reason);
    event.preventDefault(); // 阻止默认的模糊错误提示
  });
  

• 调整Socket.io日志级别（辅助排查）
  初始化客户端时设置logLevel为debug，可输出Socket.io自身的详细运行日志，辅助定位连接相关问题：

  const socket = io(servHost, {
    logLevel: "debug"
  });
  

内容的提问来源于stack exchange，提问作者Lucas Muñoz