我正在尝试安装@ 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,所以我可以继续我的教程。
答案 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"
作为依赖项。因此它们匹配,似乎有效。