angular v8 - 如何在开发模式下也获得生产构建模板错误

Posted 2023-03-15

【中文标题】angular v8 - 如何在开发模式下也获得生产构建模板错误

【英文标题】：angular v8 - how to get production build template errors also during development mode

【发布时间】：2020-06-03 19:43:41

【问题描述】：

我安装了最新的 angular v8，并且我希望在运行 ng serve 时收到我在生产过程中遇到的基本模板错误。

例如

模板

<p (click)="log()">ERROR:  errorMessage </p>

控制器

log(a)

编译错误

ERROR in apps/manufacturing-tv/src/app/app.component.ts.AppComponent.html(7,9): Expected 1 arguments, but got 0.

或

模板

<p>ERROR:  errorMessages </p>

ERROR in apps/manufacturing-tv/src/app/app.component.ts.AppComponent.html(7,25): Property 'errorMessages' does not exist on type 'AppComponent'. Did you mean 'errorMessage'?

我已经尝试添加 fullTemplateTypeCheck 标志，但运行 ng build 或 ng serve 不会产生错误。

    "extends": "../../tsconfig.json",
    "compilerOptions": 
        "types": ["jasmine"]
    ,
    "angularCompilerOptions": 
        "fullTemplateTypeCheck": true
    ,
    "include": ["**/*.ts"]

【问题讨论】：

使用ng build --prod的用户生产构建

嗨，如果有可能在开发模式下出现这些错误，那并不能回答我的问题

使用ng serve --aot 或ng build --aot 启用提前编译

【参考方案1】：

通过调用启用提前编译：

ng serve --aot

或将aot 添加到您的angular.json 中，将其配置为默认编译器

"architect": 
  "serve": 
    "options": 
      "aot": true
    
  

并致电ng serve。

build 也可以这样做。