javascript - 未捕获的类型错误 : Cannot read property 'initializeApp' of undefined

Question

我正在尝试在我的 Vue 项目中使用一些 Firebase 库(我使用 npm install firebase 安装它)。

我在 main.js 中添加了那些:

import { Firebase } from 'firebase/app'
import 'firebase/analytics'
import 'firebase/auth'
import 'firebase/messaging'

Firebase.initializeApp({
  apiKey: 'xxx',
  authDomain: 'xxx',
  databaseURL: 'xxx',
  projectId: 'xxx',
  storageBucket: 'xxx',
  messagingSenderId: 'xxx',
  appId: 'xxx',
  measurementId: 'xxx'
})

然后我得到:

Uncaught TypeError: Cannot read property 'initializeApp' of undefined

Answer 1

改变这个:

import { Firebase } from 'firebase/app'

进入这个:

import * as firebase from "firebase/app";

从 firebase/app 导入所有内容然后执行:

firebase.initializeApp({
  apiKey: 'xxx',
  authDomain: 'xxx',
  databaseURL: 'xxx',
  projectId: 'xxx',
  storageBucket: 'xxx',
  messagingSenderId: 'xxx',
  appId: 'xxx',
  measurementId: 'xxx'
})