Vue 3 - app.config가 정의되지 않았습니다.이 오류를 회피하는 방법

Vue 3 - app.config가 정의되지 않았습니다.이 오류를 회피하는 방법

모든 걸 문서대로 하고 있는데 콘솔에 오류가 있어요.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;

차이점에 대한 자세한 내용은 여기를 참조하십시오.

체인으로 묶어야 합니다.app콜이 아닌 변수createApp:

const app = createApp(App);

app.use(store)
app.use(router);
app.mount('#app');

console.log(app.config); // Not undefined

언급URL : https://stackoverflow.com/questions/65346785/vue-3-app-config-is-undefined-how-to-bypass-this-error