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。