添加@angular/pwa 不適用於 angular CLI

Question

我正在嘗試運行命令 ng add @angular/pwa --我的項目名稱，以便我可以在我的 angular 項目中實現服務工作者，但我返回的錯誤是“添加命令需要在 Angular 中運行項目，但找不到項目定義。” 如果有人能闡明我可以做些什么來克服這個錯誤，那將不勝感激。 我從 Angular CLI 版本 1.49 升級。 我感覺它與 angularcli.json 文件有關，因為新版本使用 angular.json 文件。

當我嘗試使用 ng serve 時，這也是一個例外：工作區需要在使用之前加載。 錯誤：工作區在使用前需要加載

這是我的版本詳細信息：

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


Angular CLI: 7.0.1
Node: 10.12.0
OS: darwin x64
Angular: 5.2.11
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
... platform-server, router

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.10.1
@angular-devkit/core         0.3.2
@angular-devkit/schematics   7.0.1
@angular/cli                 7.0.1
@ngtools/webpack             1.10.2
@schematics/angular          7.0.1
@schematics/update           0.10.1
rxjs                         5.5.12
typescript                   3.1.1
webpack                      3.11.0

Answer 1

您可以使用更新的angular.json文件使用新版本。 請參閱以下有關更新cli的鏈接，它們將對您有所幫助： Angular Cli錯誤：serve命令需要在Angular項目中運行，但是找不到項目定義，並且https://github.com/angular/angular- cli / issues / 12215＃issuecomment-433593036

就我而言，我做了以下工作：

1. 卸載cli： npm uninstall -g angular-cli
2. 清除npm緩存： npm cache verify
3. 重新安裝角度cli： npm install -g @angular/cli@latest

安裝cli並生成您的項目后，請在項目目錄中運行以下命令，其中name是在angular.json文件中定義的應用程序名稱：

ng add @angular/pwa --project name

重要的是要注意name是在angular.json文件中列出的項目的名稱。 在該文件中，您應該找到類似以下的指令： "defaultProject": "app", 所以對於我來說，它將是：

ng add @angular/pwa --project app

Answer 2

對於現有項目，ng generate 不會是最好的解決方案。 檢查項目文件夾中的 angular.json。 “projects”鍵可能有一個項目名稱。 在其下方，您可能會找到多個命令的配置。 嘗試使用該項目名稱。