2020-10-30
406 0npm install echarts
npm install ngx-echarts
安装使用echarts运行时报如下错误
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!
原因是需要在app.module.ts或者其他module里添加如下配置
import { NgxEchartsModule } from 'ngx-echarts'; @NgModule({ imports: [ ..., NgxEchartsModule.forRoot({ echarts: () => import('echarts') }) ], }) export class AppModule { }
或者这样写:
import { NgxEchartsModule } from 'ngx-echarts'; import * as echarts from 'echarts'; @NgModule({ imports: [ NgxEchartsModule.forRoot({ echarts, }), ], }) export class AppModule {}
我自己使用第一种方式可以成功运行。