Angular 9使用"ng new myapp"命令创建应用程序时出现错误:Schematic工作流程失败

35

我已经安装了Angular 9。

Angular CLI: 9.0.1 Node: 13.8.0 OS: win32 x64

Angular: ... Ivy Workspace:

Package Version

@angular-devkit/architect 0.900.1
@angular-devkit/core 9.0.1
@angular-devkit/schematics 9.0.1
@schematics/angular 9.0.1
@schematics/update 0.900.1
rxjs 6.5.3

每次我尝试使用ng new创建新项目时,都会收到以下信息:

正在安装软件包...npm WARN deprecated request@2.88.2: request 已被弃用,请参见https://github.com/request/request/issues/3142 npm ERR! Unexpected end of JSON input while parsing near '...pm-signature":"-----B' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Lijo John Daniel\AppData\Roaming\npm-cache_logs\2020-02-12T09_52_57_342Z-debug.log × Package install failed, see above. The Schematic workflow failed. See above.

我已经尝试重新安装Angular甚至是Node,但问题仍然存在。

我的操作系统版本是Win 10 v.1909 build 18363.592。有人可以帮我解决这个问题吗?


尝试使用此答案链接解决此问题: https://stackoverflow.com/a/67455400/10538842 - Pallav Chanana
31个回答

26

首先,验证您的NPM缓存内存。

npm cache verify

那么尝试:

npm cache clean --force
npm install –g @angular/cli@latest 
ng new <YourProjectName>
如果问题仍然存在,请尝试以下方法。
npm cache clean --force
npm update
ng new <YourProjectName>
注意

不要在命名中使用横杠(-)或点号(.)


15

尝试使用以下命令清除npm缓存:

npm cache clean
npm cache clean --force

那么现在应该可以正常工作了。

ng new my-app

8

我遇到了类似的问题,安装yarn或清除缓存都没有帮助。 我将应用程序名称中的破折号删除后,问题得到解决。

错误:

ng new first-app

已解决:

ng new firstapp

希望这有所帮助。

在项目名称中使用“.”(点)例如 Project.Web 可能会导致错误。 - Hugo

6
这个问题是针对 Angular 9 报告的,多个地理位置都面临这个问题。参见 https://github.com/angular/angular-cli/issues/16944
为了解决这个问题,您可以通过以下步骤将 Angular 版本降至 8:
ng --version
npm uninstall -g @angular/cli
npm cache clean --force npm install -g @angular/cli@8.0.0
ng --version

5

我自从昨天就一直遇到这个问题,尝试了所有方法都没有用。然后我安装了yarn,并通过运行以下命令将angular cli配置为使用yarn作为包管理器:

ng config -g cli.packageManager yarn

这样做之后,问题得到了解决。


出现了以下错误:Error: 模式验证失败,具体错误如下: /cli 的数据路径必须没有额外的属性(completion)。 - Zaffer

3

首先尝试以下方法

npm cache clean --force
npm install -g @angular/cli
ng new <project-name>

如果问题仍然存在,那么尝试这个(这最终解决了我的工作流问题

npm cache clean --force
npm update
ng new <project-name>

谢谢!


3

这是所有解决方案中最好的一个,并且在我的Windows 10上起作用了... 去vs code新终端,按照以下顺序输入:

  1. npm install --global yarn
  2. yarn global add @angular/cli
  3. ng config -g cli.packageManager yarn
  4. ng new projectname

这将解决问题。


我尝试了所有其他选项,但这个对我有效。谢谢! - bikram s.

3

我曾尝试使用npm解决问题,但是无济于事。

但是使用yarn就没问题了!

虽然我是Windows用户,但你可以在yarn网站上找到其他操作系统的安装方法!

第一步 - 我从他们的网站下载了yarn。

第二步 - 使用vs终端安装全局包:yarn global add @angular/cli

第三步 - 在vs终端中设置:ng config -g cli.packageManager yarn

第四步 - 创建我的应用程序:ng new myapp

第五步 - 剩下的你知道怎么做了...

对我来说运行良好!


3

我之前提供的解决方案可能与卸载 node_modules 有关,因此可能不适用于您。这是另一个可行的解决方案...

打开一个新的终端并运行 node -v ,然后运行 npm -v ,以确保您正在运行兼容版本:"Node 8.9 或更高版本,连同 NPM 5.5.1 或更高版本"。 卸载当前的 Angular 全局 cli npm uninstall -g @angular/cli 运行 npm cache verify 重新安装 Angular CLI:npm install -g @angular/cli@latest 关闭终端窗口(只是因为)。 打开一个新的终端窗口,进入您想要创建新项目的目录,并再次尝试 'ng new` 命令。


这对我有效。在发表此评论时,我认为最新版本的Angular CLI是11.2.1 - Eyong Kevin Enowanyo

2
  1. npm uninstall -g @angular/cli
  2. npm cache clean --force
  3. npm install -g @angular/cli

然后现在应该可以工作了。

ng new my-app

1
我相信这是一个错误。 - Kishore Kumar
可能是这样,但我通过这种方式解决了问题。 - Akitha_MJ

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接