获取 TypeError：firebase_app__WEBPACK_IMPORTED_MODULE_0__.initializeApp 不是使用 Vue3、Firebase 8.5 的函数答案

【问题标题】：Getting TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.initializeApp is not a function using Vue3, Firebase 8.5获取 TypeError：firebase_app__WEBPACK_IMPORTED_MODULE_0__.initializeApp 不是使用 Vue3、Firebase 8.5 的函数
【发布时间】：2021-07-30 18:52:33
【问题描述】：

尝试在我正在构建的简单应用程序上使用 Vue 3 和 Firebase 8.5，但出现错误：

TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.initializeApp is not a function

这来自我的 firebaseDb.js 文件：

import * as firebase from "firebase/app"

const firebaseConfig = {
    apiKey: "something",
    authDomain: "something",
    projectId: "something",
    storageBucket: "something",
    messagingSenderId: "something",
    appId: "something"
}

const firebaseApp = firebase.initializeApp(firebaseConfig);

export const db = firebaseApp.firestore();

这是 main.js 文件：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import 'bootstrap/dist/css/bootstrap.min.css'

createApp(App).use(router).mount('#app')

这里是创建文件：

<script>
    import { db } from '../firebaseDb';

    export default {
        data() {
            return {
                property: {
                   address: '',
                   details: '',
                   mlsID: '',
                   price: '',
                   type: '',
                }
            }
        },
        methods: {
            onFormSubmit(event) {
                event.preventDefault()
                db.collection('proprties').add(this.property).then(() => {
                    alert("Property successfully created!");
                    this.property.address = ''
                    this.property.details = ''
                    this.property.mlsID = ''
                    this.property.price = ''
                    this.property.type = ''
                }).catch((error) => {
                    console.log(error);
                });
            }
        }
    }

</script>

我尝试单独导入模块，但这似乎也不起作用。我已经看到其他一些关于如何纠正此错误的答案，但似乎没有一个可以解决问题。我知道 Firebase 8.0+ 版本有一些重大变化。我也尝试了他们推荐的方法，但无济于事。我现在不确定如何解决这个问题。我确信这是一个简单的修复，我感觉我没有在正确的地方导入我需要的东西。

非常感谢任何帮助。

【问题讨论】：

标签： javascript firebase vue.js

【解决方案1】：

修复 firebaseDb.js 文件中的导入问题。

import firebase from "firebase";

【讨论】：

那行得通。我以为我已经尝试过了，但感谢您的提示。