在vue3中引入第三方组件库,vue报错:Invalid VNode type: Symbol(Comment) 。查了几个解决方案,问题产生的原因是加载了两次Vue,(引入的组件也加载了一次)。解决方案如下:如果你使用的是vue-cli脚手架,可以在vue.config.js文件中通过添加如下的配置解决该问题。
const path = require(`path`);
module.exports = {
configureWebpack: {
resolve: {
symlinks: false,
alias: {
vue: path.resolve(`./node_modules/vue`)
}
}
}
};
问题的解决参考了这篇博客javascript - Vue 3 无效的 VNode 类型 - SegmentFault 思否