八、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 对各个框架支持情况的同学,可以自己去官网了解下。
原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/126673.html