安装@angular/动画时出现未满足的对等依赖项错误

Question

我正在尝试安装@angular/动画。显然，这是@angular/材料的依赖关系，因为我自从安装材料以来就GET http://localhost:3000/@angular/animations 404 (Not Found)了。

我在安装它时收到此错误：

> npm install @angular/animations --save
angular-quickstart@1.0.0 D:My DocumentsVisual Studio 
2017Projectsmaterialtestfrontend
+-- @angular/animations@4.1.2
`-- UNMET PEER DEPENDENCY @angular/core@4.0.3
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 
(node_moduleschokidarnode_modulesfsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for 
fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: 
{"os":"win32","arch":"x64"})
npm WARN @angular/animations@4.1.2 requires a peer of @angular/core@4.1.2 but none was installed.

这似乎告诉我我需要 4.0.3 版的核心。但它也说我需要 4.1.2。我有 4.0.3。这是我的 npm 的输出过时了：

Package                            Current   Wanted   Latest  Location
@angular/common                      4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/compiler                    4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/core                        4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/forms                       4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/http                        4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/platform-browser            4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/platform-browser-dynamic    4.0.3    4.0.3    4.1.2  angular-quickstart
@angular/router                      4.0.3    4.0.3    4.1.2  angular-quickstart
@types/jasmine                      2.5.36   2.5.36   2.5.47  angular-quickstart
@types/node                         6.0.73   6.0.73   7.0.18  angular-quickstart
jasmine-core                         2.4.1    2.4.1    2.6.1  angular-quickstart
protractor                          4.0.14   4.0.14    5.1.2  angular-quickstart
rxjs                                 5.0.1    5.0.1    5.4.0  angular-quickstart
systemjs                           0.19.40  0.19.40  0.20.12  angular-quickstart
tslint                              3.15.1   3.15.1    5.2.0  angular-quickstart
typescript                           2.1.6    2.1.6    2.3.2  angular-quickstart

另外，@angular/动画已经在我的package.json："@angular/animations": "^4.1.2",中，但该文件夹不存在。

那么如何安装动画呢？我是否需要更新 Angular，即使我今天刚刚安装了最新的 Angular 快速入门？是这样，怎么回事？这篇关于如何对我不起作用的帖子(也许因为我在窗户上？

还是我走错了路 - 我现在想要的只是@angular/材料工作，这样我就可以继续我的教程。

Answer 1

Angular 需要

每个@angular包都在同一版本中(不是必须，而是需要(。由于您将@angular/animations设置为最新版本(v4.1.2(，因此您必须编辑package.json并将@angular包更改为4.1.2并运行npm install。或者只需通过npm i @angular/xxx@latest --save手动安装它们中的每一个。

Answer 2

我正在研究 Pluralsight 教程，遇到了同样的问题。 我更新了package.json以包括："@angular/animations": "^4.0.0"，作为依赖项，因为我"@angular/core": "^4.0.0"作为依赖项。 因此，它们匹配，并且似乎有效。