You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Quasar+Vite构建失败求助:Dev环境正常Build时报错

解决Quasar+Vite构建时vue-router的Unexpected token错误
  • 检查vue-router版本兼容性
    先确认vue-router版本和你的Vue、Quasar版本匹配——Vue3必须用vue-router@4.x,Vue2用3.x。执行npm list vue-router查看当前版本,不匹配的话卸载重装:

    npm uninstall vue-router
    npm install vue-router@4 # Vue3项目用这个,Vue2换@3
    
  • 清理依赖缓存并重装
    删掉node_modules和锁文件,重新拉取依赖:

    rm -rf node_modules package-lock.json
    npm install
    

    顺带清理Quasar的构建缓存:quasar clean

  • 调整Vite/Quasar配置
    打开项目的quasar.config.js,在build.viteOptions里添加优化配置,强制Vite处理vue-router:

    build: {
      viteOptions: {
        optimizeDeps: {
          include: ['vue-router']
        },
        esbuild: {
          target: 'es2020' // 确保转译支持新语法
        }
      }
    }
    

    如果有自定义Rollup插件,先暂时禁用,排查是否是插件冲突导致的问题。

  • 更新Quasar和Vite到稳定版
    旧版本可能存在兼容性bug,更新到最新稳定版试试:

    npm update @quasar/app-vite vite
    

内容的提问来源于stack exchange,提问作者Boris K

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 17:05:03