如何修复Vue2+Vuetify2项目中的'defineConfig is not a function'错误？

核心问题 #

你遇到的defineConfig is not a function错误，根源是依赖版本严重不匹配：

• 你声称创建的是Vue2项目，但package.json中vue版本为3.x（^3.2.41），却搭配了仅支持Vue2的Vuetify2（^2.6.12），同时混用了Vue2的vue-template-compiler（^2.7.13），导致依赖链冲突。
• 虽然@vue/cli-service 5.x本身支持defineConfig，但版本混乱导致该函数无法被正确导出。

解决步骤 #

1. 修正核心依赖版本（适配Vue2+Vuetify2） #

执行命令将Vue、VueRouter、Vuex切换为对应Vue2的版本：

npm install vue@2.7.13 vue-router@3.6.5 vuex@3.6.2 --save

2. 简化vue.config.js配置 #

如果调整依赖后仍报错，直接移除defineConfig相关代码，改用传统导出写法：

module.exports = {
  transpileDependencies: [
    'vuetify'
  ]
}

3. 清理并重新安装依赖 #

删除冲突的依赖缓存和锁文件，重新安装：

rm -rf node_modules package-lock.json
npm install

4. 验证Vuetify插件配置 #

确保src/plugins/vuetify.js是Vue2的正确写法：

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  // 自定义配置项
})

为什么旧项目能正常运行 #

你之前的旧项目依赖版本是完全匹配的：Vue2对应Vuetify2，CLI版本与框架版本适配，没有出现版本冲突导致的函数加载异常。

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