Vuefire 与 Vue 3 抛出 Vue.use 错误

Question

所以我创建了一个 vue 应用程序并从 vue 模块导入了 Vue，但我收到了这个错误

ERROR in src/main.ts:4:5
TS2339: Property 'use' does not exist on type 'typeof import("/data/data/com.termux/files/home/ishankbg.tech/node_modules/vue/dist/vue")'.
    2 | import App from './App.vue'
    3 | import { firestorePlugin } from 'vuefire';
  > 4 | Vue.use(firestorePlugin);
      |     ^^^
    5 | createApp(App).mount('#app');
    6 |

我在我的 vue 应用程序中使用 typescript。我使用@vue/cli 生成了项目。我想使用 vuefire 的 firestorePlugin。

我正在使用 Vue3 这是源代码

import Vue, { createApp } from 'vue'
import App from './App.vue'
import { firestorePlugin } from 'vuefire';
Vue.use(firestorePlugin);
createApp(App).mount('#app');

我不确定是什么导致了这个错误

Answer 1

Vuefire 在 Vue 3 中还不被支持。来自主页：

Note: This version currently supports Vue 2 and Firebase 7. Support for Vue 3 / Composition API and Firebase 8 is on the way.

Vue.use 是 Vue 2 安装插件的方式。一旦 Vuefire 支持 Vue 3，请使用 app.use 而不是 Vue.use。在 Vue 3 中，Vue 不是 "vue" 包的有效导出：

import { createApp } from 'vue'
import App from './App.vue'
import { firestorePlugin } from 'vuefire';

const app = createApp(App);
app.use(firestorePlugin);
app.mount("#app");

Vuefire 与 Vue 3 抛出 Vue.use 错误

Vuefire with Vue 3 throwing Vue.use error

javascript

typescript

vue.js

vuefire

vuejs3