angular - NullInjectorError:InjectionToken NGX_ECHARTS_CONFIG 没有提供程序
问题描述
我正在开发角度应用程序,当我打开我的项目时,它给了我如下错误
ERROR NullInjectorError: R3InjectorError(IndexModule)[InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG -> InjectionToken NGX_ECHARTS_CONFIG]:
NullInjectorError: No provider for InjectionToken NGX_ECHARTS_CONFIG!
at NullInjector.get (http://localhost:4200/vendor.js:71789:21)
at R3Injector.get (http://localhost:4200/vendor.js:84254:29)
at R3Injector.get (http://localhost:4200/vendor.js:84254:29)
at R3Injector.get (http://localhost:4200/vendor.js:84254:29)
at NgModuleRef$1.get (http://localhost:4200/vendor.js:100306:31)
at R3Injector.get (http://localhost:4200/vendor.js:84254:29)
at NgModuleRef$1.get (http://localhost:4200/vendor.js:100306:31)
at Object.get (http://localhost:4200/vendor.js:97671:29)
at getOrCreateInjectable (http://localhost:4200/vendor.js:75308:31)
at Module.ɵɵdirectiveInject (http://localhost:4200/vendor.js:87509:10)
尝试安装ngx-echarts
npm install echarts -S
npm install ngx-echarts -S
仍然得到相同的上述错误
解决方案
NgxEchartsModule
在您的应用程序模块(或任何其他适当的角度模块)中导入:
动态导入
import { NgxEchartsModule } from 'ngx-echarts';
@NgModule({
imports: [
...,
NgxEchartsModule.forRoot({
echarts: () => import('echarts')
})
],
})
export class AppModule { }
或者
您也可以直接传递 echarts,这会减慢初始渲染速度,因为它会将整个 echarts 加载到您的主包中。
import { NgxEchartsModule } from 'ngx-echarts';
import * as echarts from 'echarts';
@NgModule({
imports: [
NgxEchartsModule.forRoot({
echarts,
}),
],
})
export class AppModule {}
推荐阅读
- javascript - 如何在 Blockly 中隐藏/删除字段?
- java - 简单日期格式年份格式问题
- php - 在codeigniter中生成11位序列号
- javascript - 如何发送参数来发布 http 请求?
- android - 加载地图并且相机移动到当前位置时应用程序崩溃
- git - 如何在没有初始加载文件和历史记录的情况下克隆/连接远程 GIT 存储库?
- css - 如何为 Angular 6 项目全局添加自定义 CSS 文件
- java - int i = 10 + + 11 - - 12 + + 13 - - 14 + + 15 的输出;如何?
- android - 通知在模拟器上有效,但在真实设备上无效
- python - 使用 Python 从视频 (MP4) 中提取帧的 GPS 信息