【uni-app】vue3使用lime-echart更新echarts.min.js报错

---

问题

引入echarts.min.js后，小程序报错

import * as echarts from "./echarts.min";

---

提示：以下是本篇文章正文内容，下面案例可供参考

解决

一、vue3需要使用esm文件

由于 vue3 使用vite 不支持umd格式的包，故引入npm的包

https://github.com/apache/echarts，找到并下载了echarts.esm.min.js改名为echarts.min.js直接将路径下echarts.min.js的文件替换了esm格式的文件

报错解除

注意要点二：引入需要使用兼容写法，微信小程序的引入不需要esm，正常的echarts.min.js就可以

扫描二维码关注公众号，回复： 17454273 查看本文章

参考lime-echart的demo

// nvue 不需要引入
	// #ifdef VUE2
	import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
	// #endif
	// #ifdef VUE3
	// #ifdef MP
	// 由于vue3 使用vite 不支持umd格式的包，小程序依然可以使用，但需要使用require
	const echarts = require('../../static/echarts.min');
	// #endif
	// #ifndef MP
	// 由于 vue3 使用vite 不支持umd格式的包，故引入npm的包
	import * as echarts from 'echarts/dist/echarts.esm';
	// #endif
	// #endif