Javascript TypeError:\u网页包\u导入的\u模块\u 0\u firebase\u.a.初始化不是函数。将firebase与webpack 4一起使用

我正在尝试使用Firebase和webpack 4。但我在Firebase连接中发现了这个错误

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0__firebase__.a.initialize is not a function

这是代码。我试过几种方法，但什么也没发生

// var firebase = require("firebase/app");
// import { firebase } from '@firebase/app';
import firebase from '@firebase/app';
import "firebase/database";

const config = {
    apiKey: "xxxx",
    authDomain: "<your-auth-domain>",
    databaseURL: "https://xxx.firebaseio.com/",
    projectId: "xxxx",
    storageBucket: "<your-storage-bucket>",
    messagingSenderId: "<your-sender-id>",
};
firebase.initializeApp(config);

export default firebase.database();

---

您应该像这样导入firebase（不带@）：

并确保添加带有

npm install firebase

的模块

---

我建议参考以了解更多详细信息。

使用

从“firebase/app”导入firebase

不工作。让我为这个问题创建一个新项目并在GitHub中上载。是否有必要执行导出默认firebase.database（），因为使用“npm安装”命令并重新启动服务器可以

导出默认firebase

。什么都没有发生。

  "devDependencies": {
    "css-loader": "^4.2.2",
    "eslint": "^4.5.0",
    "eslint-config-synacor": "^1.1.0",
    "if-env": "^1.0.0",
    "less": "^2.7.3",
    "less-loader": "^4.0.5",
    "preact-cli": "^2.0.0"
  },
  "dependencies": {
    "@firebase/app": "^0.6.10",
    "@firebase/database": "^0.6.11",
    "firebase": "^7.19.0",
    "firebase-admin": "^9.1.1",
    "preact": "^8.1.0",
    "preact-redux": "^1.2.0",
    "redux": "^3.6.0"
  }

import * as firebase from 'firebase/app';