为啥通过 cypress-firebase npm 模块登录时 firebase 未定义？

Posted 2023-02-16

【中文标题】为啥通过 cypress-firebase npm 模块登录时 firebase 未定义？

【英文标题】：why firebase gets undefined while login through cypress-firebase npm module?为什么通过 cypress-firebase npm 模块登录时 firebase 未定义？

【发布时间】：2021-11-11 10:42:55

【问题描述】：

我正在使用

"cypress-firebase": "^2.0.0",
"firebase-admin": "^9.11.1"

在我的柏树command.js 文件中：

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/database";
import "firebase/firestore";
import  attachCustomCommands  from "cypress-firebase";

const fbConfig = 


firebase.initializeApp(fbConfig);

attachCustomCommands( Cypress, cy, firebase );

当我尝试执行代码时，遇到以下问题：

类型错误

以下错误源自您的测试代码，而不是赛普拉斯：

> 无法读取未定义的属性“initializeApp”

【参考方案1】：

在 Firebase SDK v9 中，API 界面改为使用模块化、可摇树的代码。您看到的几乎所有文档或示例代码都是针对需要更新的 v8 或更早版本的 Firebase SDK 编写的。

阅读更多about migrating here。

由于cypress-firebase尚未更新支持v9 SDK，您需要改为导入兼容SDK。请注意，兼容性 SDK 已弃用，理想情况下，您应该找到已更新以支持 v9 的软件包。

import firebase from "firebase/compat/app";
import "firebase/compat/auth";
import "firebase/compat/database";
import "firebase/compat/firestore";
import  attachCustomCommands  from "cypress-firebase";

const fbConfig = 


firebase.initializeApp(fbConfig);

attachCustomCommands( Cypress, cy, firebase );