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
相关产品推荐
相关产品推荐

