.NET绿叶社区!
返回

Angular echarts No provider for InjectionToken NGX_ECHARTS_CONFIG!错误

2020-10-30 Angular echarts 85 0

npm 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 {}

我自己使用第一种方式可以成功运行。


点赞 收藏

顶部