Angular8引入ngx-echarts时报错Cannot read property 'init' of null

在项目中使用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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容