javascript - Vue 2；在 'default' 中找不到导出 'firebase'(导入为 'firebase/app')

Question

我正在尝试在 Vue 2 应用程序中导入 firebase，但我遇到了这个烦人的问题。
我的进口看起来像:

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'

但是当我服务它时，我得到:

export 'default' (imported as 'firebase') was not found in 'firebase/app'

...而且我的 View 不会渲染或路由。
我的 firebase 版本是 npm 的 9.0.0。

Answer 1

由于 Firebase SDK 版本 9 于 2021 年 8 月 25 日发布，许多使用 Firebase Web SDK 版本 8 的用户都在为同样的问题而苦苦挣扎。
根据文档，当前使用 Firebase Web SDK 版本 8 或更早版本的应用程序 应考虑迁移到版本 9，如下所示:
之前:版本 8(旧)

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

之后:版本 9 兼容(新)

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';