vite或webpack打包echarts项目部署后报错：TypeError: Cannot set properties of undefined (setting 'colorStops')

我爱模板网在使用vite+vue3+echarts做项目，运行时并没有报错，但打包部署后，echarts统计图并没有出现，还报错：

TypeError: Cannot set properties of undefined (setting 'colorStops')

经过慢慢排查，发现下面代码引起的：

color: new echarts.graphic.LinearGradient(...),

解决办法：

1、引入

import * as echarts from 'echarts';

2、将 color: echarts.graphic.LinearGradient(...) 修改为

color: new echarts.graphic.LinearGradient(...)

就是new一下再使用，就不会报错了。