Invalid VNode type: Symbol(Comment) 问题的解决办法

最新推荐文章于 2024-11-07 09:15:00 发布

空空快跑

最新推荐文章于 2024-11-07 09:15:00 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/xingzheng_zhong/article/details/129363362

在Vue3应用中遇到InvalidVNodeType:Symbol(Comment)错误通常是因为Vue被加载了两次。解决方法是在vue.config.js中配置configureWebpack，设置resolve.symlinks为false，并用alias重定向Vue的路径，确保只加载一次Vue。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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 思否