Vue2升级Vue3+Vite后出现dayjs默认导出错误，未使用该库求排查

问题定位 #

这个错误是第三方依赖间接引入dayjs导致的，你未直接使用但依赖链中存在该库。错误提到的DaysHighlight.vue是某个依赖包内部的组件，大概率和日期高亮逻辑相关。

从你的package.json排查，最可疑的几个依赖：

• vuetify@3.1.5：Vuetify 3部分组件（如日期选择器）内部依赖dayjs处理日期
• vue-timeago@5.1.2：该版本仅支持Vue2，适配Vue3的版本存在依赖兼容问题
• gantt-elastic@1.0.10：这个包长期未更新，日期处理逻辑可能依赖dayjs且未适配Vite的ES模块规范

核心问题 #

Vite严格遵循ES模块规范，而部分旧依赖仍使用import dayjs from 'dayjs'的默认导入方式，但dayjs的ES模块仅提供命名导出（正确写法为import * as dayjs from 'dayjs'），两者不匹配导致语法错误。

解决方案 #

1. 升级/替换不兼容依赖 #

• 升级Vuetify到最新稳定版：修复了dayjs导入的兼容问题

  npm install vuetify@latest
  

• 替换vue-timeago为Vue3兼容版：原版本仅支持Vue2

  npm uninstall vue-timeago && npm install vue-timeago@next
  

• 替换gantt-elastic：该包已停止维护，建议更换为vue-ganttastic或@syncfusion/ej2-vue-gantt等活跃维护的甘特图组件

2. Vite配置临时补丁（无法升级依赖时使用） #

在vite.config.js中添加ESBuild配置，强制修正dayjs的导出逻辑：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  optimizeDeps: {
    esbuildOptions: {
      alias: {
        'dayjs': 'dayjs/esm/index.js'
      },
      plugins: [
        {
          name: 'fix-dayjs-export',
          setup(build) {
            build.onResolve({ filter: /dayjs/ }, args => {
              if (args.path.includes('dayjs.min.js')) {
                return { path: require.resolve('dayjs/esm/index.js') }
              }
            })
          }
        }
      ]
    }
  }
})

3. 清理缓存重装依赖 #

执行命令彻底重置依赖环境：

rm -rf node_modules package-lock.json
npm install
npm run dev

内容的提问来源于stack exchange，提问作者simpledev