Vue 3/Vite项目构建失败:@vue/compiler-dom@3.5.21未导出'default'
Vue 3/Vite项目构建失败:@vue/compiler-dom@3.5.21未导出'default'
嗨,我帮你分析了下这个问题,大概率是项目里同时存在Vue2和Vue3对应的Vite插件导致的冲突——你现在已经迁移到Vue3了,但还保留着@vitejs/plugin-vue2,这个插件是给Vue2用的,它会尝试以default方式导入Vue3的compiler-dom模块,而Vue3的模块已经改成了ES模块规范,没有导出default,所以就报错了。
咱们一步步来解决:
第一步:移除Vue2的Vite插件
既然已经升级到Vue3,@vitejs/plugin-vue2就不需要了,执行卸载命令:pnpm remove @vitejs/plugin-vue2卸载后记得检查
package.json,确保这个包不在dependencies或devDependencies列表里。第二步:修正Vite配置文件
打开vite.config.js,把原来和@vitejs/plugin-vue2相关的配置删掉,只保留Vue3的插件配置,示例如下:import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [vue()] // 其他你的项目配置... })第三步:清理缓存并重新构建
有时候依赖缓存会残留旧的模块引用,咱们彻底清理后重新安装:rm -rf node_modules pnpm-lock.yaml pnpm install pnpm build
做完这几步应该就能解决这个构建报错了。另外你可以顺便检查下项目里有没有其他还在依赖Vue2生态的包,不过你已经把Buefy、Vue Router、Vuex都升级到Vue3兼容版本了,应该没问题~




