You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

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,确保这个包不在dependenciesdevDependencies列表里。

  • 第二步:修正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兼容版本了,应该没问题~

火山引擎 最新活动