echarts 未定义 - TypeScript

在使用 TypeScript 开发项目时，可能会遇到“echarts 未定义”这样的错误。这是因为 TypeScript 在编译成 JavaScript 后，无法正确地解析 echarts 的模块导入方式。

解决方法

方法一：引入 echarts 的类型声明

在项目中引入 echarts 的 @types/echarts 类型声明，可以告知 TypeScript 如何解析 echarts 模块。可以通过执行以下命令安装：

npm install --save-dev @types/echarts

安装完成后，在项目中引入 echarts 的方式如下：

import * as echarts from 'echarts';

方法二：扩展声明文件

如果项目中已经自行定义了 echarts 的类型声明，可以通过扩展这些声明文件来解决“echarts 未定义”的问题。方法如下：

1. 创建文件 global.d.ts，并将以下代码复制到文件中：

import * as echarts from 'echarts';

declare global {
  interface Window {
    echarts: typeof echarts;
  }
}

编辑完成后，在项目中引入文件 global.d.ts：

import './global';

总结

以上就是解决“echarts 未定义 - TypeScript”问题的两种方法。对于较新的 echarts 版本，推荐使用方法一引入类型声明。如果项目中已有相应的类型声明文件，则可以考虑使用方法二扩展声明文件。