添加@ angular / pwa在角度CLI上不起作用

时间:2018-10-19 03:37:16

标签: angular angular-cli service-worker progressive-web-apps

我正在尝试运行命令ng add @ angular / pwa-我的项目名称,以便我可以在我的angular项目中实现服务工作者,但返回的错误是“ add命令需要在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

1 个答案:

答案 0 :(得分:0)

关于使用更新后的angular.json文件的新版本,您是正确的。有关更新cli的信息,请参见以下链接,它们对您有帮助:Angular Cli Error: The serve command requires to be run in an Angular project, but a project definition could not be foundhttps://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

请务必注意,nameangular.json文件中列出的项目名称。在该文件中,您应该找到类似以下的指令:"defaultProject": "app",。因此,以我为例:

ng add @angular/pwa --project app