类型错误:__WEBPACK_IMPORTED_MODULE_0__firebase__.a.初始化不是函数.在webp

Question

我正在尝试将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();

这是package.json

"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"
}

Answer 1

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

import * as firebase from 'firebase/app';

并确保添加带有npm install firebase的模块。

我建议参考文件了解更多细节。