Angular 11项目控制台错误均来自instrumentConsole.js，如何恢复显示原文件错误？

针对你遇到的控制台错误全部显示来自instrumentConsole.js、无法查看原始文件来源的问题，可尝试以下几种解决方案：

• 禁用Angular的控制台监控配置
  Angular的调试工具默认会对console进行监控包装，导致错误来源被掩盖。在src/environments/environment.ts中添加或修改配置项：

  export const environment = {
    production: false,
    disableConsoleInstrumentation: true,
    enableDebugTools: false
  };
  

  保存后重启开发服务器ng serve，检查控制台错误来源是否恢复。

• 检查Chrome DevTools的源码映射设置
  打开Chrome开发者工具：

  1. 点击右上角齿轮图标进入Settings
  2. 在Sources选项卡下，确保Enable JavaScript source maps处于勾选状态
  3. 回到Console面板，右键点击错误条目，选择Show original stack trace（若有该选项），即可显示原始错误文件路径

• 清理缓存并重启开发服务
  执行以下命令清理npm缓存和Angular构建缓存，避免缓存导致的异常：

  npm cache clean --force
  ng serve --no-cache
  

• 禁用第三方浏览器扩展
  暂时禁用Chrome中的Angular DevTools、Redux DevTools等调试类扩展，这些工具可能会干扰控制台的错误来源追踪，禁用后刷新页面重试。

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