我正在按文档做所有事情,但是控制台中仍然出现错误。我正在尝试创建一个 Firebase 实例的全局变量。main.js
:
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import firebase from 'firebase'
require('firebase/firestore')
const config = {
// config
}
firebase.initializeApp(config)
const app = createApp(App)
.use(store)
.use(router)
.mount("#app");
console.log(app.config) // undefined
app.config.globalProperties.$firebase = firebase;
为什么是undefined
?或者我应该覆盖属性globalProperties
我自己在config
目的?最佳答案
const app = createApp(App).use(store).use(router).mount("#app")
返回 根组件实例 不是 应用实例 其中有字段 config
,所以,你应该这样做:
const app = createApp(App)
const rootComponent = app.use(store)
.use(router)
.mount("#app");
console.log(app.config)
app.config.globalProperties.$firebase = firebase;
了解有关差异的更多信息here .
关于javascript - Vue 3 - app.config 未定义。如何绕过这个错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65346785/