找不到模块:错误:无法解析'@ angular/animations'

Question

使用"npm install"并通过"npm start"启动本地服务器后,我开始收到此错误: -

ERROR in ./~/@angular/material/@angular/material.es5.js
Module not found: Error: Can't resolve '@angular/animations' in '/home/ashvini/Desktop/HN-Angular2/node_modules/@angular/material/@angular'
 @ ./~/@angular/material/@angular/material.es5.js 20:0-81
 @ ./src/app/app.module.ts
 @ ./src/main.ts`enter code here`
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
webpack: Failed to compile.

这与角度材料设计有关,但我无法理解解决此问题需要做些什么.

在"npm install"之前它运行正常.

Answer 1

另外app.module这个:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

并在模块中添加泡沫添加到imports:

imports: [BrowserAnimationsModule]

并删除@angular/animationsimport语句.

也许通过应用npm install你更新你的Angular版本从v.2到v.4.

更新:

或者只是将其添加到您的package.json (选择您需要的版本):

"dependencies": {
    "@angular/animations": "^4.0.1",
}

将此添加到依赖项后,npm install再次应用.

更新2:

甚至更快的方式:

npm install @angular/animations --save

Answer 2

在package.json中删除(^)"@ angular/material":"^ 2.0.0-beta.2".在最新的angualr.material中,我们遇到了这个错误.