如何解决Vuejs 3 createApp 使用来自 vuefire 的 firestorePlugin 获取 Uncaught TypeError:无法设置未定义的属性“$unbind”且无渲染
在我的 vuejs3 应用程序中,我的 main.js 中有这个简单的代码
import { createApp } from "vue";
import App from "./App.vue";
import { firestorePlugin } from "vuefire";
const app = createApp(App);
app.use(firestorePlugin);
app.mount("#app");
也许我没有正确使用 app.use(firestorePlugin);
。如果我不这样做,一切都会完美呈现,但是我会收到此错误
vuefire.esm.js?0ff2:619 Uncaught TypeError: Cannot set property '$unbind' of undefined
at firestorePlugin (vuefire.esm.js?0ff2:619)
at Object.use (runtime-core.esm-bundler.js?5c40:2949)
at eval (main.js?56d7:9)
at Module../src/main.js (app.js:1021)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at Object.1 (app.js:1034)
at __webpack_require__ (app.js:849)
at checkDeferredModules (app.js:46)
at app.js:925
点击后,它会显示如下:Uncaught TypeError: Cannot set property '$unbind' of undefined
Vue.prototype[unbindName] = function firestoreUnbind(key,reset) {
this._firestoreUnbinds[key](reset);
delete this._firestoreUnbinds[key];
delete this.$firestoreRefs[key];
};
我在 firebase.js
中的 firebase 配置import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";
import "firebase/storage";
const firebaseConfig = {
apiKey: xxxxxxxxxxxxxxxxxxxxxxxx,authDomain: xxxxxxxxxxxxxxxxxxxxxxxx,projectId: xxxxxxxxxxxxxxxxxxxxxxxx,storageBucket: xxxxxxxxxxxxxxxxxxxxxxxx,messagingSenderId: xxxxxxxxxxxxxxxxxxxxxxxx,appId: xxxxxxxxxxxxxxxxxxxxxxxx,};
firebase.initializeApp(firebaseConfig);
export const db = firebase.firestore();
export const auth = firebase.auth();
export const storage = firebase.storage();
感谢任何帮助。如果有什么需要请告诉我
解决方法
在主页 https://vuefire.vuejs.org/ 中,您可以找到此注释:
注意:此版本目前支持 Vue 2 和 Firebase 7。对 Vue 3 / Composition API 和 Firebase 8 的支持正在开发中。
所以尝试卸载当前版本并安装下一个版本:
npm install vuefire@next firebase@next
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。