Vue 2；在“firebase/app”中找不到导出“默认”（导入为“firebase”）

Posted 2023-02-16

【中文标题】Vue 2；在“firebase/app”中找不到导出“默认”（导入为“firebase”）

【英文标题】：Vue 2; export 'default' (imported as 'firebase') was not found in 'firebase/app'

【发布时间】：2021-10-25 23:42:12

【问题描述】：

我正在尝试在 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'

...我的视图不会渲染或路由。

编辑：我的 firebase 版本是 9.0.0 关闭 npm。

编辑 2：由于 Doug Stevenson 建议检查我的 firebase 版本，我最终检查了 firebase 的升级文档并找到了 this 文章。按照那里的说明（将路径从 firebase/x 更改为 firebase/compat/x）完美地解决了我的问题。

【问题讨论】：

请编辑问题以明确您正在使用的 Firebase SDK 版本。它的使用方式已经改变了版本。请注意，今天标志着 9.x 的发布。

【参考方案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';

【参考方案2】：

由于 Doug Stevenson 建议检查我的 firebase 版本，我最终检查了 firebase 的升级文档并找到了这个 https://firebase.google.com/docs/web/modular-upgrade

按照那里的说明（将路径从 firebase/x 更改为 firebase/compat/x）完美地解决了我的问题。谢谢大家，我希望这篇文章可以帮助像我这样对新格式感到困惑的其他无知的人。