Angular 12编译时浏览器仅提示Failed to compile不展示错误详情是什么原因

这是Angular 12的默认表现，不属于配置错误。

Angular从12版本开始对开发模式下的编译错误展示逻辑做了默认调整，核心是简化浏览器端的提示样式，避免长错误栈占用过多页面空间，官方默认的错误展示位置规则如下：

• 终端窗口（运行ng serve的命令行界面）：所有编译错误的完整信息都会在这里输出，包含错误类型、触发错误的文件路径、行列号、完整错误栈，是官方指定的首要错误排查入口。
• 浏览器控制台：会同步输出编译错误的核心信息，部分模板语法错误、依赖导入错误会附带完整的溯源信息。
• 浏览器页面窗口：默认仅展示深色遮罩加红色Failed to compile.提示，不会直接展示完整错误详情。

如果需要恢复旧版本在浏览器页面直接展示错误详情的功能，可以修改项目根目录下的angular.json配置：
找到对应项目的architect.serve.options节点，新增两个配置项：

"errorOverlay": true,
"verboseErrors": true

修改完成后重启ng serve即可生效。

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