Laravel8+Vue3项目安装Vuetify失败问题求助

核心结论 #

Vuetify 2.x 仅支持 Vue2，你需要安装Vuetify 3.x版本来适配Vue3。

安装适配Vue3的Vuetify #

执行以下命令安装支持Vue3的Vuetify版本：

npm install vuetify@next

安装完成后，在Vue入口文件（如resources/js/app.js）中初始化Vuetify：

import { createApp } from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

const app = createApp(App)
app.use(Vuetify)
app.mount('#app')

报错原因说明 #

你执行npm install vuetify时，默认安装的是Vuetify 2.6.12，该版本的peer依赖要求Vue版本为^2.6.4，而你的项目使用Vue3.2.45，版本不匹配导致npm无法解析依赖树，抛出ERESOLVE错误。

备选方案：回退到Vue2 #

如果暂时不想使用Vuetify3，可回退至Vue2并安装Vuetify2：

1. 卸载Vue3及相关适配依赖：

npm uninstall vue @vue/server-renderer @fortawesome/vue-fontawesome

2. 安装Vue2及对应版本的依赖：

npm install vue@^2.6.14 vue-template-compiler @fortawesome/vue-fontawesome@^2.0.9

3. 安装Vuetify2：

npm install vuetify@^2.6.12

后续按照Vuetify2官方文档完成项目配置即可。

你的开发环境信息：

Laravel Framework 8.83.8

todolist_app@ C:\Users\shozo\Documents\programming\laravel-todolist\todolist\todolist_app
├─┬ @fortawesome/vue-fontawesome@3.0.0-5
│ └── vue@3.2.31 deduped
└─┬ vue@3.2.31
  └─┬ @vue/server-renderer@3.2.31
    └── vue@3.2.31 deduped

PHP 8.1.2 (cli) (built: Jan 19 2022 10:18:23) (ZTS Visual C++ 2019 x64)
Copyright (c) The PHP Group
Zend Engine v4.1.2, Copyright (c) Zend Technologies

npm -v 8.5.0

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