为什么 Angular 不在屏幕上显示错误？答案

【问题标题】：Why Angular doesn't show errors on screen?为什么 Angular 不在屏幕上显示错误？
【发布时间】：2022-06-13 20:29:36
【问题描述】：

我正在使用角度

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1202.2 (cli-only)
@angular-devkit/core         12.2.2 (cli-only)
@angular-devkit/schematics   12.2.2 (cli-only)
@schematics/angular          12.2.2 (cli-only)

并且任何错误仅显示在 console.log 上。我想在我的屏幕上显示它们，因为它是编码显示在 html 页面上。

这是一些配置吗？

【问题讨论】：

你能分享你的 main.ts 吗？
typescript import { enableProdMode } from '@angular/core'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; import { environment } from './environments/environment'; if (environment.production) { enableProdMode(); } platformBrowserDynamic().bootstrapModule(AppModule) .catch(err => console.error(err));

标签： html angular web frontend console.log

【解决方案1】：

Angular 现在默认使用 AOT（Ahead of Time）编译器，它会在编译期间优化您的页面。您的代码似乎有一些问题，导致编译崩溃，因此 Angular 无法生成 JavaScript。

您可以尝试通过添加aot: false 在architect/build/options 下方的angular.json 中禁用AOT 编译。但我不建议在生产版本中这样做！

您可以在此处了解有关 AOT 编译器的更多信息： https://angular.io/guide/aot-compiler

【讨论】：

谢谢！我只想在页面上而不是在控制台上查看我的错误

【解决方案2】：

他们说问题出在 webpack-dev-server 上。

我认为this 可能会对您有所帮助。

【讨论】：