You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vue3+Vuetify+Pinia+TypeScript项目Vite构建及类型检查时出现Pinia类型不兼容错误求助

Vue3+Vuetify+Pinia+TypeScript项目Vite构建及类型检查时出现Pinia类型不兼容错误求助

我在基于Vue3、Vuetify、TypeScript的项目中使用Pinia,执行Vite构建操作时遇到了如下类型错误:

Argument of type Pinia is not assignable to parameter of type Plugin<[]>

我完全是按照Pinia官方文档的指引来初始化的,相关代码如下:

import vuetify from './vuetify';
import router from '../router';
import { createPinia } from 'pinia';
import type { Pinia } from 'pinia';

// Types
import type { App } from 'vue';

export function registerPlugins(app: App) {
  const pinia: Pinia = createPinia();
  app.use(vuetify).use(router).use(pinia);
}

哪怕只保留app.use(pinia)这一行代码,同样会触发该错误。


补充:依赖版本信息

当前项目的核心依赖版本如下:

{
  "pinia": "^2.1.7",
  "vue": "^3.4.10",
  "vue-router": "^4.2.5",
  "vuetify": "^3.4.0",
  "typescript": "~5.2.0",
  "vite": "4.4.6",
  "vite-plugin-vuetify": "^1.0.2"
}

类型检查也同步失败

执行类型检查命令vue-tsc --noEmit -p tsconfig.json --composite false时,同样会报出相同的类型不兼容错误。

我的tsconfig.json配置内容如下:

{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "include": [
    "env.d.ts",
    "src/**/*",
    "src/**/*.vue"
  ],
  "exclude": [
    "src/**/__tests__/*"
  ],
  "compilerOptions": {
    "composite": true,
    "baseUrl": ".",
    "outDir": "out",
    "paths": {
      "@/*": [
        "./src/*"
      ]
    }
  }
}

恳请各位大佬帮忙排查下问题所在,非常感谢!


备注:内容来源于stack exchange,提问作者Clément Picou

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.20 10:39:38