uniapp+vue3+vites使用lime-echart问题记录

1.vue3使用echarts,H5和微信小程序兼容问题

问题描述,正常使用echarts,H5正常,小程序报错
报错信息如下
在这里插入图片描述
解决方案:
注意要点一:vue3需要使用esm文件
地址:https://github.com/apache/echarts/tree/master/dist,找到并下载了echarts.esm.min.js改名为echarts.min.js直接将路径下uni_modules/lime-echart/static/echarts.min.js的文件替换了esm格式的文件.
注意要点二:引入需要使用兼容写法,微信小程序的引入不需要esm,正常的echarts.min.js就可以

// 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 '@/uni_modules/lime-echart/static/echarts.min'//除了微信小程序其他的用法,这个是esm的
// #endif
// #endif

相关推荐

  1. v3+antd+echarts的bug记录

    2024-03-10 14:58:01       39 阅读
  2. Vue3 ts使用echarts

    2024-03-10 14:58:01       38 阅读
  3. MySQL使用问题记录

    2024-03-10 14:58:01       66 阅读
  4. Zephyr 使用问题记录

    2024-03-10 14:58:01       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-10 14:58:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-10 14:58:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-10 14:58:01       82 阅读
  4. Python语言-面向对象

    2024-03-10 14:58:01       91 阅读

热门阅读

  1. 小米汽车上市进入倒计时,已开启内部试驾

    2024-03-10 14:58:01       44 阅读
  2. ImportError: cannot import name ‘InterpolationMode‘

    2024-03-10 14:58:01       45 阅读
  3. Anaconda和PyCharm比较

    2024-03-10 14:58:01       44 阅读
  4. Linux/Ubuntu/Debian基本命令:光标移动命令

    2024-03-10 14:58:01       37 阅读
  5. word[::-1] for word in s.split()得到的是一个列表

    2024-03-10 14:58:01       38 阅读
  6. 为什么你这么努力,还拿不到好offer?

    2024-03-10 14:58:01       41 阅读