Webpack.optimize.UglifyJsPlugin 小写我的 Angular html 模板属性名称

Webpack.optimize.UglifyJsPlugin lowercasing my Angular html template attribute names

编辑 11/10/21

下面是这个 post 的原始问题。自 posting 以来,我发现问题不在于应用程序代码本身,而在于 webpack 如何 compiles/packages 最终部署文件。作为构建过程的一部分,我使用 Webpack.optimize.UglifyJsPlugin 丑化了生成的 JS 文件,其中包含 Angular 模板。我观察到我的 *ngFor 属性被小写为 *ngfor 这就是为什么我在下面的原始问题中看到错误记录的原因。我如何指示 Webpack.optimize.UglifyJsPlugin 不要将 HTML 模板属性名称小写?

原题

标题:ngUpgrade-d 应用程序在本地运行但在构建部署时失败

我正在将一个 AngularJS 应用程序升级到 Angular 12,并遵循了 angular.io 教程。该应用程序现在是 AngularJS 模块和 Angular 模块的混合体,并且运行良好......在本地服务时。但是,当我构建应用程序并将其部署到我的测试服务器之一时,出现以下运行时错误:

Can't bind to 'ngforOf' since it isn't a known property of 'th'.
...
Property binding ngforOf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations

我到处搜索解决方案,但所有人都建议将 BrowserModule 添加到主应用程序模块导入列表,将 CommonModule 添加到 child 模块。我已经这样做了,这就是为什么在本地提供应用程序时一切正常的原因。关于我可能遗漏的任何想法?

提前致谢。

在确定问题出在应用程序的编译上,并对 UglifyJsPlugin 的工作原理做了一些研究后,发现问题出在 html 加载器和解决方案中在此线程中找到: