八、uniapp + vue3 引入三方框架 Element Plus

初次接触 uniAPP + vue3 + vite + ts ，担心编译成小程序会报一大片的错误，所以就一点一点的尝试，果然，刚引入一个三方框架就报错了。

问题描述：

Vue3 版本引入 Element-plus ，编译 h5 都正常，但是编译成小程序的时候出错。


vite v2.9.1 building for development…
‘createElementVNode’ is not exported by node_modules/@dcloudio/uni-mp-vue/dist/vue.runtime.esm.js, imported by node_modules/@element-plus/icons-vue/dist/es/add-location.mjs
at ../node_modules/@element-plus/icons-vue/dist/es/add-location.mjs:1:57
1: import { defineComponent, openBlock, createElementBlock, createElementVNode } from ‘vue’;
^
2: import _export_sfc from ‘./_virtual/plugin-vue_export-helper.mjs’;

百度找了半天解决办法：

有人说可以借助
Element Plus 相关的 unplugin
插件工具，解决该问题：

安装：

npm i unplugin-element-plus -Dvite 进行配置：

// vite.config.tsimport ElementPlus from ‘unplugin-element-plus/vite’export default {  plugins: [    ElementPlus({      // options    }),  ],}亲测无效！

最后在 uni-app 技术群里咨询了一下，uni-app 助手给的提示链接：


关于uni-app的ui库、ui框架、ui组件 https://ask.dcloud.net.cn/article/35489

看完这张图大家应该就明白了吧！

不熟悉 uni-app 对各个框架支持情况的同学，可以自己去官网了解下。