Vue2项目迁移Vite时遭遇Vuetify camelize函数未定义错误

核心问题 #

你的依赖版本存在严重不兼容：

• Vue 2.6.x 无法适配 Vuetify 3.x（Vuetify 3 仅支持 Vue 3）
• vite-plugin-vuetify v1.x 是为 Vuetify 3 + Vue 3 设计的，与 Vue 2 完全不兼容

方案一：保留 Vue 2 + Vuetify 2（适合现有项目迁移） #

这是最稳妥的方案，无需大规模修改项目代码：

1. 卸载不兼容依赖并安装适配版本：

npm uninstall vuetify vite-plugin-vuetify
npm install vuetify@2.6.13 vite-plugin-vuetify@2.0.1 @vitejs/plugin-vue2@2.2.0

2. 确保 package.json 核心依赖如下（其他依赖可保留）：

{
  "dependencies": {
    "@mdi/font": "7.0.96",
    "roboto-fontface": "*",
    "sass": "^1.56.1",
    "socket.io-client": "^4.5.4",
    "vue": "2.6.14",
    "vue-cookie": "^1.1.4",
    "vue-router": "3.5.1",
    "vuetify": "^2.6.13",
    "vuex": "3.6.2",
    "webfontloader": "^1.0.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue2": "^2.2.0",
    "vite": "^3.1.9",
    "vite-plugin-vuetify": "^2.0.1"
  }
}

3. 修改 vite.config.js 配置：

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

export default defineConfig({
  plugins: [
    vue(),
    vuetify({ autoImport: true })
  ]
})

4. 清理缓存并重新安装：

rm -rf node_modules package-lock.json
npm install

方案二：升级至 Vue 3 + Vuetify 3（适合彻底重构） #

若之前升级 Vue 3 未解决问题，是因为依赖未同步更新至稳定版：

1. 卸载 Vue 2 相关依赖并安装 Vue 3 生态：

npm uninstall vue vue-router vuex @vitejs/plugin-vue
npm install vue@3.3.4 vue-router@4.2.5 vuex@4.1.0

2. 更新 Vuetify 和 Vite 插件到稳定版：

npm uninstall vite-plugin-vuetify
npm install vuetify@3.3.23 vite-plugin-vuetify@1.0.2

3. 调整 vite.config.js：

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

export default defineConfig({
  plugins: [
    vue(),
    vuetify({ autoImport: true })
  ]
})

4. 同步修改项目中 Vue 3 语法（如全局 API、组件选项等），再重新安装依赖。

无效尝试原因说明 #

• 单独安装 camelize 无法解决：该函数是 Vuetify 内部依赖 Vue 提供的工具函数，版本不匹配导致找不到正确导出
• 升级 Vue 3 但未同步更新 Vuetify 和插件：旧的 alpha 版本插件存在兼容性问题，需使用稳定版

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