Component series.line not exists. Load it first.

Angular中使用echarts图标库时报了如下错误:

core.js:6189 ERROR Error: Component series.line not exists. Load it first.
    at Function.entity.getClass (clazz.js:178)
    at ExtendedClass.<anonymous> (Global.js:223)
    at Array.forEach (<anonymous>)
    at each (util.js:300)
    at ExtendedClass.visitComponent (Global.js:212)
    at Function.entity.topologicalTravel (component.js:125)
    at ExtendedClass.mergeOption (Global.js:194)
    at ExtendedClass.initBase (Global.js:663)
    at ExtendedClass.resetOption (Global.js:141)
    at ExtendedClass.setOption (Global.js:123)

检查了package.json,确认库已经安装好了:

"echarts": "^4.7.0",
"ngx-echarts": "^4.2.2",
"@types/echarts": "^4.4.6",

option的字段也是按照官方文档来设置的。检查模块导入时,发现是NgxEchartsModule没有导入,尝试导入:

import { NgxEchartsModule } from 'ngx-echarts';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    // ...
    NgxEchartsModule,
    // ...
    IonicStorageModule.forRoot(),
  ],
  providers: [
	// ...
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

重新编译程序恢复正常。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值