安装@ angular / animations时出现UNMET PEER DEPENDENCY错误

时间:2017-05-16 00:17:06

标签: angular angular-animations

我正在尝试安装@ angular / animations。显然,这是@ angular / material的依赖,因为我在安装材料后得到GET http://localhost:3000/@angular/animations 404 (Not Found)

安装它时出现此错误:

> npm install @angular/animations --save
angular-quickstart@1.0.0 D:\My Documents\Visual Studio 
2017\Projects\materialtest\frontend
+-- @angular/animations@4.1.2
`-- UNMET PEER DEPENDENCY @angular/core@4.0.3
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 
(node_modules\chokidar\node_modules\fsevents):
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 / animations已经在我的package.json:"@angular/animations": "^4.1.2",中,但该文件夹不存在。

那么如何安装动画呢?我是否需要更新Angular,即使我今天刚刚安装了最新的angular-quickstart?是这样,怎么样? This post关于如何对我不起作用(也许是因为我在窗户上?)

或者我走错了路 - 我现在想要的只是@ angular / material,所以我可以继续我的教程。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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