Angular 添加 PWA 導致 Angular Ivy 出現問題

Question

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 10.0.4
Node: 12.18.3
OS: darwin x64

Angular: 10.0.5
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
... service-worker
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1000.4
@angular-devkit/build-angular     0.1000.4
@angular-devkit/build-optimizer   0.1000.4
@angular-devkit/build-webpack     0.1000.4
@angular-devkit/core              10.0.4
@angular-devkit/schematics        10.0.4
@angular/cli                      10.0.4
@ngtools/webpack                  10.0.4
@schematics/angular               10.0.4
@schematics/update                0.1000.4
rxjs                              6.5.5
typescript                        3.9.7
webpack                           4.43.0

我將ng add @angular/pwa到項目中。

而這一行：

    ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),

在app.module.ts中導致問題：

    ERROR in node_modules/@angular/service-worker/service-worker.d.ts:15:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.
    
    This likely means that the library (@angular/service-worker) which declares ServiceWorkerModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.
    
    15 export declare class ServiceWorkerModule {
                            ~~~~~~~~~~~~~~~~~~~

我該如何解決這個問題？

很難添加更多細節來克服 stackoverflow 解析器，而我使用 angular 版本命令添加了許多細節。

Answer 1

您可以在tsconfig.app.json 中將 enableIvy設置為 false，這應該可以解決您的問題

"enableIvy": false

Answer 2

看起來有幫助

  "angularCompilerOptions": {
    "enableIvy": false
  }