在前端框架中使用Echarts时，后台报以下错误NullInjectorError：No provider for InjectionToken NGX_ECHARTS_CONFIG!的解决办法

最新推荐文章于 2022-11-20 18:37:49 发布
置顶 最新推荐文章于 2022-11-20 18:37:49 发布
阅读量2.1k 收藏 2
点赞数 4
分类专栏： # Angular 文章标签： 前端 angular vue.js javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43619264/article/details/107616756
版权

ECharts作为互联网开发程序过程中，后台数据库用以实现数据到图形的映射的一个插件。即数据可视化。当我们在前端框架中使用它时，出现以下错误，如何解决？

使用Echarts时出错

1.问題原因
       此項目中Echarts與Ngx-Echarts的版本不兼容，过高
2.注意
       在使用插件的時候注意版本兼容问題
3.解決辦法：
       npm install echarts@4.4.0  ngx-echarts@4.2.1 --registry=http://registry.npm.taobao.org
_gaspar
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ngx_devel_kit-0.3.0
07-18
- 非阻塞I/O：NDK支持在Nginx模块中使用非阻塞I/O操作，提高并发处理能力。 总之，ngx_devel_kit是Nginx开发者的得力助手，通过提供丰富的工具和接口，使得开发自定义Nginx模块变得更加简单和高效。在0.3.0版本中，...
ngx_dynamic_limit_req_module:ngx_dynamic_limit_req_module模块用于动态锁定IP并定期释放它
05-07
ngx_dynamic_limit_req_module 介绍 ngx_dynamic_limit_req_module模块用于动态锁定IP并定期释放它。 目录 dynamic_limit_req_zone 设置共享内存区域的参数，该参数将保留各种键的状态。 特别是，状态存储当前的...
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
No provider for InjectionToken NGX_ECHARTS_CONFIG echarts版本和ngx-echarts版本不兼容
qq_45832807的博客
07-26 880
core.js:6210 ERROR NullInjectorError: R3InjectorError(AnalysisModule)[InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG]: NullInjectorError: No provider
报错NullInjectorError: No provider for InjectionToken 以及 No provider for Service解决
weixin_41147129的博客
05-28 5108
NullInjectorError: No provider for InjectionToken 这个是 1因为app.module.ts 没有import这个报错的module import {} from '' imports:[] 2或者 app.module.ts 里面 providers:[ ] 没有这个service
NullInjectorError：No provider for ....
热门推荐
kikyou_csdn的博客
08-28 2万+
添加一个Loading服务时报了错： 解决： 总结 添加的服务要引入app.module.ts，并加入到providers中
ngx-echarts遇到的坑
pgLi
05-10 8986
1、ngx-echarts版本问题导致的问题 2、高度传值传不进去   解决方式： <div echarts [loading]="loading" [loadingOpts]="getLoadingOpts()" [options]= "option" [initOpts]= "opts" [merge]="updateOptions" ..
ngx_http_geoip2_module:使用ngx_http_geoip2_module编译Nginx 1.15.0并下载GeoIP 2数据库
05-11
带有ngx_http_geoip2_module和GeoIP2数据库的Nginx 1.15.0 这是用于使用ngx_http_geoip2_module编译Nginx 1.15.0并将Nginx安装到服务器中的脚本。 此外，该脚本还有助于下载Maxmind GeoIP2国家/地区数据库的免费版本...
ngx_mruby:ngx_mruby-使用脚本语言mruby for nginx的快速且高效内存的Web服务器扩展机制
04-29
文件资料什么是ngx_mruby ngx_mruby是一种使用脚本语言mruby for nginx的快速且内存高效的TCP / UDP负载平衡和Web服务器扩展机制。 ngx_mruby将提供lua-nginx-module或的替代方案。 Apache（mod_mruby），nginx（ngx...
lua-resty-redis：基于cosocket API的ngx_lua的Lua Redis客户端驱动程序
02-18
姓名lua-resty-redis-基于cosocket API的ngx_lua的Lua Redis客户端驱动程序目录状态该库被认为可以投入生产。描述这个Lua库是ngx_lua nginx模块的Redis客户端驱动程序： 这个Lua库利用了ngx_lua的cosocket API，可...
【Angular引入Echarts踩坑指南】
weixin_45876175的博客
11-20 1642
angular项目引入echarts时版本兼容问题学习日志
Angular中ngx-echarts的使用
lvxinaidou的博客
02-10 2872
1.安装 npm install echarts --save npm install ngx-echarts --save 2.引入模块 2-1.angular.json中引入echarts.js文件 "scripts": [ "node_modules/echarts/dist/echarts.js" ] 2-2.当前组件所在的根模块导入NgxEchartsModule模块 ...
Angular8 依赖注入InjectionToken使用
lvxinaidou的博客
05-06 1820
Angular8 依赖注入InjectionToken使用 1.数据结构（models文件下） models/column-details.model.ts export interface Column { columnId:string; columnName: string; width: number } 或者 export class Column { ...
Angular8 引入百度 Echarts，进行图表分析
王波文的博客
11-27 837
Angular8 引入百度Echarts，进行图表分析 原文地址：传送门 最近突发奇想，想自己做一个理财分析记录的网页，主要给自己记账，然后想到了把每天，每周的消费用图标分析出来，于是就需要用到百度的echarts图标插件，talk is cheep， show me the code。 1. npm 安装ngx-echarts及相关的依赖 npm install echarts -S npm i...
Error: No provider for InjectionToken DocumentToken!
weixin_34223655的博客
07-31 494
当前的的版本是 "@angular/common": "^4.4.7", 当我引用HttpClient的时候，会报这个错误！ 已解决，是把你的package.json,里面的angular相关版本更新到4.3.0以上，版本最好都一致，不然某些包的引用可能会缺失，导致报错！！！ 转载于:https://www.cnblogs.com/huayuanp/p/9394525.html...
关于ngx-echarts集成angularjs时的版本问题
qq_31404603的博客
08-24 872
ngx-echarts is an Angular (ver >= 2.x) directive for ECharts (ver >= 3.x). Latest version @npm: v3.1.0 for Angular >= 6 v2.2.0 for Angular < 6 Github branches: master for Angular >=...
./configure: error: no /opt/ngx_devel_kit-0.3.0/config was found
最新发布
07-27
这个错误是由于找不到/opt/ngx_devel_kit-0.3.0/config文件引起的。在./configure命令中，--add-module选项用于指定要添加的模块的路径。在这种情况下，指定了ngx_devel_kit-0.3.0模块的路径。然而，根据引用\[1\]中的命令，找不到/opt/ngx_devel_kit-0.3.0/config文件。 要解决这个问题，你需要确保指定的路径是正确的，并且该路径下确实存在config文件。你可以使用ls命令检查/opt/ngx_devel_kit-0.3.0目录中是否存在config文件。如果不存在，你需要重新下载ngx_devel_kit-0.3.0模块，并确保将其正确地放置在/opt目录下。 另外，你还可以使用find命令来查找config文件的位置。例如，执行以下命令可以查找/opt目录下的所有config文件： find /opt -name config 确保找到正确的config文件后，你可以将正确的路径添加到./configure命令中，以解决该错误。 #### 引用[.reference_title] - *1* [linux系统安装Nginx Lua环境](https://blog.csdn.net/weixin_39949673/article/details/116709526)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Nginx使用Naxsi搭建Web应用防火墙（WAF），防xss、防注入×××](https://blog.csdn.net/weixin_34128534/article/details/85068711)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [nginx上安装lua并执行lua脚本](https://blog.csdn.net/janthinasnail/article/details/110914213)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值