Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 未找到模块:错误:Can';t解决'@角度/动画';_Angular_Angular Material_Npm Install - Fatal编程技术网

Angular 未找到模块:错误:Can';t解决'@角度/动画';

Angular 未找到模块:错误:Can';t解决'@角度/动画';,angular,angular-material,npm-install,Angular,Angular Material,Npm Install,使用“npm安装”并通过“npm启动”启动本地服务器后,我开始出现以下错误:- 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' @ ./~/@angula

使用“npm安装”并通过“npm启动”启动本地服务器后,我开始出现以下错误:-

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安装”之前,它工作正常。

应用程序模块中添加以下内容:

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
并在模块中将其添加到导入中:

imports: [BrowserAnimationsModule]
并删除
@angular/animations
导入语句

也许通过应用
npm安装
可以将Angular版本从v.2升级到v.4

更新:

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

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

更新2:

更快捷的方式:

npm install @angular/animations --save

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

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

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


干杯。

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

node_modules/@angular/

由于错误,我不得不安装文件,该文件安装了一半并命名了动画,以便在我删除该文件时解决错误。我认为这可能是由于根目录和项目文件夹上有多个文件。

我假设您需要在
app.module.ts
中导入
动画模块,你的意思是BrowserAnimationsModule,现在我在静态解析符号值时遇到错误,出现了这个错误
error。无法解析相对于/home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts的@angular/platform browser/animations,解析/home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts中的符号AppModule,解析/home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts中的符号AppModule错误/home/ashvini/Desktop/HN-Angular2/src/app/app.module.ts(2,41):找不到模块“@angular/platform browser/animations”)
尝试执行我在更新中解释的操作。最初我认为您更新了Angular版本,但我认为您只是缺少对
@Angular/animations
的依赖性。添加依赖性后应用
npm install
。但是撤销我说的第一件事,
BrowserAnimationsModule
修改。@Ashvini检查我的第二次更新。这应该可以解决您发布的错误。更快的方法是
npm i@angular/animations--save
;)嗨,欢迎来到StackOverflow!恐怕这是另一篇文章的评论,不是答案。一旦你有足够的声誉,你将能够感谢!这是解决meI由于动画文件混乱而出现错误的方法。
node_modules/@angular/