未找到模块：错误：无法解析“@angular/animations”答案

【问题标题】：Module not found: Error: Can't resolve '@angular/animations'未找到模块：错误：无法解析“@angular/animations”
【发布时间】：2017-04-11 14:10:17
【问题描述】：

使用“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”之前它工作正常。

【问题讨论】：

我假设您需要在 app.module.ts 中导入 AnimationModule
嘿@alexkucksdorf，你是说BrowserAnimationsModule吗，

标签： angular angular-material npm-install

【解决方案1】：

在app.module 中添加：

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

并在模块中将其添加到imports：

imports: [BrowserAnimationsModule]

并删除@angular/animations import 语句。

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

更新：

或将其添加到您的package.json （选择您需要的版本）：

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

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

更新 2：

更快的方法：

npm install @angular/animations --save

【讨论】：

现在我收到此错误ERROR in Error encountered resolving symbol values statically. Could not resolve @angular/platform-browser/animations relative to /home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts., resolving symbol AppModule in /home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts, resolving symbol AppModule in /home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts ERROR in /home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts (2,41): Cannot find module '@angular/platform-browser/animations'.)
尝试按照我在更新中解释的操作。最初我以为您更新了 Angular 版本，但我认为您只是缺少对 @angular/animations 的依赖。
在添加依赖项后应用npm install。但撤消我说的第一件事，BrowserAnimationsModule 修改。
@Ashvini 检查我的第二次更新。这应该可以解决您发布的错误。
更快的方式npm i @angular/animations --save ;)

【解决方案2】：

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

【讨论】：

谢谢！这是我的解决方案

【解决方案3】：

npm install 将安装最新的 Angular 框架，现在是 4。

解决方案上面已经有人提到了。

干杯。

【讨论】：

您好，欢迎来到 StackOverflow！恐怕这是对另一篇文章的评论，而不是答案。一旦你有足够的声誉，你就可以comment on any post

【解决方案4】：

我认真搜索了很多，然后在我的项目中发现了它

node_modules/@angular/

我错误地必须安装文件，由于错误安装一半和命名动画所以当我删除该文件时，错误得到解决。我认为这可能是由于根和项目文件夹上的多个文件。

【讨论】：

由于动画文件混淆，出现错误。