如何在TypeScript中使用Vue.use()？Vuetify插件调用报TS2345错误

嘿，这个问题我之前也踩过坑！你遇到的TS2345错误，本质是Vuetify的TypeScript类型定义已经不再允许通过Vue.use()的第二个参数传入配置了——现在这个参数的类型被限制为undefined，所以你传主题配置对象自然会触发类型不匹配的错误。

正确的写法应该是这样的： #

先实例化Vuetify时传入主题配置，再调用Vue.use()，最后把Vuetify实例挂载到Vue根实例上：

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css' // 别忘了引入样式文件

// 1. 创建Vuetify实例时传入主题配置
const vuetify = new Vuetify({
  theme: {
    primary: '#3f51b5',
    secondary: '#b0bec5',
    accent: '#8c9eff',
    error: '#b71c1c'
  }
})

// 2. 调用Vue.use时只传Vuetify构造函数，不需要第二个参数
Vue.use(Vuetify)

// 3. 在Vue根实例中挂载vuetify实例
new Vue({
  el: '#app',
  vuetify,
  // 你的其他组件、路由等配置
})

为什么原来的写法不行？ #

Vuetify的类型定义更新后，Vue.use(Vuetify, options)这种方式被废弃了——配置项需要直接传递给Vuetify构造函数，而不是use方法。这样做也更符合Vue生态中插件实例化的常规逻辑，把配置和插件实例绑定，而不是通过全局注册时传递。

如果是Vue 3的场景（虽然你用了Vue.use大概率是Vue 2，但还是提一句），写法会更简洁：

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

const app = createApp(App)
const vuetify = new Vuetify({
  theme: { /* 你的主题配置 */ }
})

app.use(vuetify)
app.mount('#app')

内容的提问来源于stack exchange，提问作者Миша Ландау