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

时间:2017-04-11 14:10:18

标签: angular angular-material npm-install

使用" 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"它工作正常。

4 个答案:

答案 0 :(得分:56)

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

答案 1 :(得分:6)

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

答案 2 :(得分:0)

npm install将安装最新的Angular Framework,现在为4。

其他人已经提到了解决方案。

干杯。

答案 3 :(得分:-3)

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

node_modules/@angular/

我错误地必须安装由于错误安装一半而命名动画的文件因此我删除该文件错误得到解决。我认为这可能是由于root和project文件夹中的多个文件。