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整合ngx-echarts运行时报错 NullInjectorError: No provider for InjectionToken NGX_ECHARTS_CONFIG!
QiuHaoqian的博客
04-26 1627
1 问题描述 今天在使用angular整合echarts做图标展示的时候，编译没有问题，但是运行时遇到了以下错误： core.js:6210 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(DragEchartsModule)[InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken
angular：UntypedFormBuilder需要import
Cloud Flower的博客-专注unity
04-01 267
在module导入ReactiveFormsModule。
报错信息：ERROR NullInjectorError: R3InjectorError(s)[fi -:fi-＞fi-＞fi -＞fi] 由于nzModalService导致的报错
最新发布
dongnihao的博客
05-17 279
现在遇到的问题是 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 2198
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学习007提示服务注入错误AppComponent.html:2 ERROR Error: StaticInjectorError(AppModule)[HeroesComponent
热门推荐
lich_12345的博客
06-10 1万+
AppComponent.html:2 ERROR Error: StaticInjectorError(AppModule)[HeroesComponent -> HeroService]
ngx-echarts遇到的坑
pgLi
05-10 8983
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 1848
解决方案： 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.
解决Angular里的报错：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError()
世间万物皆不如你
09-07 2084
解决Angular里的报错：ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError()
生产上线事故记录--我们该相信什么
Dの博客
06-04 510
一. 起因 我是一个前端，爱吃小熊饼干。手里负责的一个项目是 前端 +中间层，涉及到前端，中间层，自动化部署，nginx，java后台等。昨天本来打算上线完了早早下班，结果一直上线到第二天凌晨1点。 二. 经过 初步解决-中间层的问题： 第一次出问题是提示502，我用有权限的账号看了看中间层的日志（非pm2 logs），没有最新的打印信息，之前的打印信息也没有明显报错，猜想可能是中间层的问题。就想让运维看看pm2 list 我用不太确认中间层部署在哪台机器上，就把这台日常查看中间层的机器的ip发给了运维
ng generate service hero --module=app Error: Unknown argument: module
05-31
在较新版本的 Angular CLI 中，`--module`参数已被删除，因此在生成服务时不需要指定模块。 如果您想要在模块中注册服务，请手动打开该模块并将服务添加到providers数组中，例如： ``` import { NgModule } from '...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值