error:echarts问题：ERROR NullInjectorError:R3InjectorError(AppModule)[InjectionToken NG……

最新推荐文章于 2024-05-17 10:02:43 发布
最新推荐文章于 2024-05-17 10:02:43 发布
阅读量1.5k 收藏 1
点赞数 2
分类专栏： echarts 文章标签： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45158253/article/details/109068951
版权

在angular2项目里，使用echarts时遇到的问题

本来引入echarts之后，使用了一段时间，都没问题。但一段时间后，就报错了。特别纳闷，好好的怎么就不可以使用了？

报错结果：

在这里插入图片描述
把图片放大点
在这里插入图片描述
原因：项目里使用的Echarts与Ngx-Echarts的版本不兼容

解决

重新下载Echarts与Ngx-Echarts

npm install echarts@4.4.0  ngx-echarts@4.2.1 --save
// 或
npm install echarts@4.4.0  ngx-echarts@4.2.1 --registry=http://registry.npm.taobao.org

之前的版本：
在这里插入图片描述
之后的版本：
在这里插入图片描述
之后就没问题了

蒲公英
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
angular学习007提示服务注入错误AppComponent.html:2 ERROR Error: StaticInjectorError(AppModule)[HeroesComponent
lich_12345的博客
06-10 1万+
AppComponent.html:2 ERROR Error: StaticInjectorError(AppModule)[HeroesComponent -> HeroService]
angular整合ngx-echarts运行时报错 NullInjectorError: No provider for InjectionToken NGX_ECHARTS_CONFIG!
QiuHaoqian的博客
04-26 1630
1 问题描述 今天在使用angular整合echarts做图标展示的时候，编译没有问题，但是运行时遇到了以下错误： core.js:6210 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(DragEchartsModule)[InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken
Angular报错Error: StaticInjectorError(AppModule)
JiAyInNnNnN123的博客
12-28 1606
报错如下： 意思是：没有注入1中的2 解决: 2 哪个组件报错，就在对应的module.ts注入即可，在我这里是app.module.ts。 规范来说每个组件应该有对应的一个module.ts文件，用于链接懒加载。 只需要在AppModule中注入报错文件即可 ...
报错信息：ERROR NullInjectorError: R3InjectorError(s)[fi -:fi-＞fi-＞fi -＞fi] 由于nzModalService导致的报错
最新发布
dongnihao的博客
05-17 285
现在遇到的问题是 C组件是使用NzModalService 来打开模态窗口，这样是能打开的，但是A组件使用Iframe，使用url来打开B组件，会报错。
Angular2报:Error:StaticInjectorError(AppModule)
热门推荐
特困生Kuel的博客
04-16 1万+
报错如下: 意思是：没有注入主键1中的2 解决: 2 可以是node_modules的文件，也可以是自己生成的文件，在我这里是node_modules的文件。 只需要在AppModule中注入报错文件即可 ...
在前端框架中使用Echarts时，后台报以下错误NullInjectorError：No provider for InjectionToken NGX_ECHARTS_CONFIG!的解决办法
代码不仅仅是你的工作，更是你的作品
07-27 2199
1.问題原因 此項目中Echarts與Ngx-Echarts的版本不兼容，过高 2.注意 在使用插件的時候注意版本兼容问題 3.解決辦法： npm install echarts@4.4.0 ngx-echarts@4.2.1 --registry=http://registry.npm.taobao.org ...
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
ThinkPHP提示错误Fatal error: Allowed memory size的解决方法
10-24
主要介绍了ThinkPHP提示错误Fatal error: Allowed memory size的解决方法,分析了该错误的原因与具体的解决方法,具有一定参考借鉴价值,需要的朋友可以参考下
Python错误： SyntaxError: Non-ASCII character解决办法
09-21
主要介绍了Python错误： SyntaxError: Non-ASCII character解决办法的相关资料,需要的朋友可以参考下
python解决方案：WindowsError: [Error 2]
09-21
使用Python的rename()函数重命名文件时出现问题，提示 WindowsError: [Error 2] 错误,需要的朋友可以参考下
json error: Use of overloaded operator [] is ambiguous错误的解决方法
08-26
今天小编就为大家分享一篇关于json error: Use of overloaded operator [] is ambiguous错误的解决方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
Angular引入NzMessageService出现NullInjectorError: No provider for NzMessageService
小白的进阶之路
08-09 2870
使用ng-zorro时的module引入问题 问题来源： 当我尝试使用nzMessageService时 import { NzMessageService } from 'ng-zorro-antd/message'; @Component({ selector: 'app-xxxx', templateUrl: './xxxx.component.html', styleUrls: ['./xxxxx.component.css'] }) export class xxxxxx implem
ngx-echarts遇到的坑
pgLi
05-10 8986
1、ngx-echarts版本问题导致的问题 2、高度传值传不进去   解决方式： <div echarts [loading]="loading" [loadingOpts]="getLoadingOpts()" [options]= "option" [initOpts]= "opts" [merge]="updateOptions" ..
angular项目报错 ‘StaticInjectorError(AppModule)[RouterOutlet -> ChildrenOutletContexts]: ’
weixin_41844140的博客
05-17 1849
解决方案： app.module.ts import { RouterModule } from '@angular/router'; @NgModule({ declarations: [ AppComponent, ], imports: [ BrowserModule, FormsModule, ReactiveFormsModule, RouterModul...
NullInjectorError: StaticInjectorError(AppModule)[ModalHelper -> NzModalService]:
小钻风的博客
01-08 3564
删除node_modules 重新npm install
error:R3InjectorError(AppModule)[HttpClient -＞ HttpClient -＞ HttpClient]:
web
09-14 1821
场景：在组件里使用http时报错。 import { HttpClient } from '@angular/common/http'; constructor( private http: HttpClient ) {} 解决办法：在app.module.ts里添加HttpClientModule import { HttpClientModule } from '@angular/common/http'; imports: [ BrowserModule, App.
R3InjectorError NullInjectorError: No provider for NzListComponent!
youn9e的博客
07-12 869
ERROR NullInjectorError: R3InjectorError(AppModule)[NzListComponent -> NzListComponent -> NzListComponent]: NullInjectorError: No provider for NzListComponent! 问题 升级 ng zorro 1.6 到 11.4 之后，发现某个页面打不开，报了这样一个错： 解决 看代码原来出现这样的问题： 在 nz-list-item 外面裹上 nz-
ng generate service hero --module=app Error: Unknown argument: module
05-31
在较新版本的 Angular CLI 中，`--module`参数已被删除，因此在生成服务时不需要指定模块。 如果您想要在模块中注册服务，请手动打开该模块并将服务添加到providers数组中，例如： ``` import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { HeroService } from './hero.service'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule ], providers: [ HeroService ], bootstrap: [AppComponent] }) export class AppModule { } ``` 在上面的代码中，我们手动将HeroService服务添加到providers数组中以在AppModule中注册它。 然后，您可以使用以下命令生成服务： ``` ng generate service hero ``` 这将在src/app目录下生成一个名为hero.service.ts的服务文件，并将其自动添加到providers数组中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值