在使用elementplus时遇到的坑。
发现更新后,只要el组件的标签之间放了东西,就会出现这个错误。(后面查了查好像是和插槽有关)
环境是vue3,vite5.0.8,elementplus2.7.7
网上一查都说是vue冲突的问题,结果就是找不到现成的解决方法,折磨了很久。
最后在(https://github.com/vuejs/core/issues/4344)里找到了最接近的解决办法(https://github.com/vuejs/core/issues/4344#issuecomment-912627569)。
回答里面提到:将这两行添加到主机应用程序的vue.config.js中。
chainWebpack(config) {
config.resolve.symlinks(false)
config.resolve.alias.set( 'vue', path.resolve('./node_modules/vue'))
},
我试了很久,发现这么直接加上就是不行。(可能是版本不一样)
后面找了很久才看到这篇文章(https://www.jianshu.com/p/a5fa2629e942),发现要这么加:
const path = require('path');
module.exports = defineConfig({
...,
configureWebpack: {
resolve: {
symlinks: false,
alias: {
vue: path.resolve('./node_modules/vue')
}
}
}
...,
})
最终问题解决。