Angular AOT 构建因私有成员而失败

Question

我正在做一个迁移项目，我有现有的 UI 应用程序代码库，该代码库是在Angular 8上开发的。

当我进行正常构建（即 ng 构建）时，我能够成功构建，但部署的工件大小更大。

例如： main.js (4.5 mb)大小。

如果我将上述工件部署到我的生产中，我的页面将花费更多时间在浏览器中呈现。

因此，对于生产构建，我尝试在AOT模式下构建我的 angular 应用程序，但构建失败。

下面是从几乎每个模板获取的日志。

src/app/components/header/header.component.html(52,19): Property 'competenciesService' is private and only accessible within class 'HeaderComponent'

我从日志中了解到我不能在内部使用私有成员。AOT模式下的 html 模板。

但是由于我的应用程序是由其他团队构建的，我不能 go 并且几乎不可能更改每个模板中的属性。

请建议我是他们解决此问题的任何方法，以便我的生产构建工件的大小将减小，从而提高应用程序性能。

Angualr CLI 全球版本：8.3.15

Angular CLI 本地版本：8.3.0

如果需要更多信息，请告诉我。

谢谢，

Answer 1

由于您正在迁移代码，因此您的首要重点应该是尽可能地兼容您的框架，即使这需要做很多工作，因为应用程序在未来将变得越来越难以维护。 模板应该只访问公共变量。 您可以在组件 ts 文件中添加 getter。