Chrome扩展Angular DevTools调试Angular应用报仅支持开发构建错误

你遇到的报错提示如下：

我们检测到该应用使用生产配置构建，Angular DevTools仅支持开发版本构建。

对应报错截图：

该问题可以通过将项目切换为开发模式运行解决，操作步骤如下：

• 临时启动开发模式：直接在项目根目录执行命令 ng serve --configuration development，启动完成后刷新页面即可使用Angular DevTools调试
• 永久设置默认启动为开发模式：打开项目根目录的angular.json配置文件，依次找到projects -> 你的项目名称 -> architect -> serve节点，将defaultConfiguration的值修改为development
• 确认开发模式配置项正常：检查architect -> build -> configurations下的development节点，确保以下属性值正确：
  • optimization: false
  • sourceMap: true
  • buildOptimizer: false

修改完成后重新启动项目，Angular DevTools即可正常识别应用。

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