在项目中使用ngx-echarts时遇到了问题,在本地环境中所有的图均能显示出来,在打包后所有的图均无法显示并报错
ERROR TypeError: Cannot read property 'init' of null
在查看了源码后发现问题出在echarts上,echarts为null导致了该问题的出现。
起初我以为原因是出在生命周期钩子上,将请求数据的方法写在了ngAfterViewInit内,该问题仍然没有得到解决。
经过查找相关资料,在ngx-echarts的git库issue中找到了该问题的解决方法:
imports: [
...,
NgxEchartsModule.forRoot({
echarts: { init: echarts.init }
})
],
在这里的echarts后增加 { init: echats.init },即可解决echarts找不到的问题。
附上官方issue的地址:https://github.com/xieziyu/ngx-echarts/issues/241