angular - 找不到模块 : Error: Can't resolve '@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.

这与 Angular Material 设计有关，但我不明白我需要做什么来解决这个问题。

在“npm install”之前它工作正常。

Answer 1

在 app.module 中添加:

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

然后在模块中将其添加到 imports 中:

imports: [BrowserAnimationsModule]

并删除 @angular/animations 导入语句。

也许通过应用 npm install，您将 Angular 版本从 v.2 更新到 v.4。

更新:

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

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

将此添加到依赖项后，再次应用 npm install。

更新 2:

更快的方法:

npm install @angular/animations --save