帶有 --prod 標志的 Ionic 5 構建失敗 - 類型上不存在屬性“翻譯”

Question

我正在開發一個 Ionic 5 項目，當我使用 --prod 標志運行構建時，我收到以下錯誤：

Error: src/app/pages/edit-profile/edit-profile.page.html(8,142): Property 'translate' does not exist on type 'EditProfilePage'.

我已將其追溯到以下行：

<ion-input clearInput formControlName="userName" (ionBlur)="checkUserName($event.target.value)" (ionFocus)="userNameFocus()" placeholder="{{'USERNAME' || translate}}"></ion-input>

當我刪除這一行時，帶有 --prod 標志的構建是成功的。 它也可以在沒有 --prod 標志的情況下構建。

這是我的 tsconfig.ts 文件：

 {
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "es2020",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "lib": ["es2018", "dom"],
    "resolveJsonModule": true
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  },
  "exclude": [".history/*"]
}

有什么想法嗎？

Answer 1

這是因為 prod 標志比其他標志具有更嚴格的構建時間規則。 您應該像這樣使用單個 pipe ：

{{'USERNAME' | translate}}

https://angular-translate.github.io/docs/#/guide