使用ngx-echarts遇TypeError：无法解构null对象的init属性

云原生阿岚

2026-5-8

解决ngx-echarts报错：TypeError: Cannot destructure property 'init' of 'object null' as it is null

这个问题我之前踩过坑！核心原因是你执行npm i后，ngx-echarts被自动升级到了5.x及以上版本——而5.x版本开始，ngx-echarts不再内置echarts核心库，和你之前用的4.x版本逻辑完全不同，所以才会出现找不到init方法的报错（因为echarts实例是null）。

下面给你两种可行的解决办法，按需选择：

办法一：回退到稳定的4.x版本（最快解决）

如果你不想改动现有配置，直接回退到之前能用的版本就行：

先卸载当前的ngx-echarts：
```
npm uninstall ngx-echarts
```
重新安装4.x版本：
```
npm install ngx-echarts@4.x.x --save
```

安装完成后重启项目，应该就能恢复正常了。

办法二：适配5.x+版本（长期维护推荐）

如果想升级到新版本，需要手动安装echarts依赖并配置：

先确保你安装了最新版的ngx-echarts：
```
npm install ngx-echarts --save
```
安装echarts核心库：
```
npm install echarts --save
```

在你的Angular根模块（比如app.module.ts）里配置ngx-echarts，手动传入echarts实例：

import { NgModule } from '@angular/core';
import { NgxEchartsModule } from 'ngx-echarts';
import * as echarts from 'echarts';

@NgModule({
  imports: [
    // 关键：通过forRoot传入echarts对象
    NgxEchartsModule.forRoot({
      echarts: () => import('echarts') // 也可以直接写echarts，按需选择懒加载方式
    })
  ]
})
export class AppModule { }