Chrome控制台仅显示细红线无错误文本，Promise异常相关求助

我之前确实碰到过一模一样的情况！这种只显示细红线但没错误详情的问题，大多和未被捕获的Promise异常有关，尤其是在Chrome的旧版本或者某些控制台配置下容易出现。给你几个实用的排查和解决方法：

• 强制捕获所有Promise未处理异常：
  你可以在代码最顶部添加全局监听，把所有未被捕获的Promise异常都强制打出来，这样就不会只显示红线了：

  window.addEventListener('unhandledrejection', function(event) {
    console.error('未处理的Promise异常:', event.reason);
    // 可选：阻止默认的红线行为
    event.preventDefault();
  });
  

  这个监听会捕获所有没被.catch()处理的Promise错误，直接把错误详情打印到控制台。

• 检查控制台的过滤设置：
  有时候不是没输出，是被过滤掉了！看看Chrome控制台顶部的过滤选项：

  1. 确认没勾选「Hide network messages」或者其他过滤开关
  2. 切换到「All」标签页，而不是只看「Errors」——有些Promise异常可能被归类到其他标签里
  3. 检查有没有输入过滤关键词，不小心把错误文本过滤掉了

• 调试时手动展开错误栈：
  你提到调试时单步执行console.error(ex.message)，其实可以试试直接打印整个ex对象而不是只打印message，比如console.error('错误详情:', ex)，这样Chrome会把错误栈完整展开，你能看到具体是哪行代码出的问题，还能点击跳转到对应位置。

• 更新Chrome到最新版本：
  旧版Chrome对Promise异常的控制台处理确实有bug，有时候就是会只显示红线不输出内容，更新到最新稳定版大概率能解决这个问题。

另外，你说控制台会自动上滚但不跳顶部，这可能是因为错误被触发了多次，或者控制台的「Preserve log」选项被勾选了——如果勾选了这个，新的错误会追加在底部，控制台会自动滚动到底部但不会跳历史顶部，你可以试试取消勾选「Preserve log」看看会不会恢复正常。

内容的提问来源于stack exchange，提问作者Mobigital