使用webpack模式“生产”时，Angular @ ngtools / webpack构建失败

Question

我遇到的问题是，一旦设置好

{ mode: 'production' }

在我的webpack.config.js所使用的Angular模板中

@Component({ templateUrl: 'path/to/template.html' })

无法再编译。

产生的错误均与模板中使用的指令相关，例如

src/path/to/template.html:1:123 - error NG8002: Can't bind to 'routerlink' since it isn't a known property of 'a'

Answer 1

事实证明，该错误提供了比看起来更多的信息。问题实际上是，它已从routerLink更改为routerlink。

当生产模式处于活动状态时，html-loader启用它的最小化器。由于加载程序用于在之前提取模板，因此已将其传递给Angular编译器，从而设置了错误。

解决此问题的最简单方法是将caseSensitive的{​​{1}}选项设置为html-loader

true

我正在此处进行记录，因此希望在两年或三年后进行搜索时可以找到它。