javascript - Firebase `is not a function` Firebase 5.11.1 及更高版本出错

标签 javascript firebase create-react-app

在我的 package.json 中有了这些

"firebase": "^5.11.1",
"react-scripts": "3.0.1",

然后运行react-scripts start

用这个 index.js

import firebase from 'firebase/app';
import 'firebase/functions';

const config = {
  apiKey: "XXXXX-XXXXXXX",
  authDomain: "XXXXXXXXX.firebaseapp.com",
  databaseURL: "https://XXXXXXXXXX.firebaseio.com",
  projectId: "XXXXXXXXX",
  storageBucket: "XXXXXXX.appspot.com",
  messagingSenderId: "XXXXXXXXX"
};


firebase.initializeApp(config);

const functions = firebase.functions();

我收到这个错误。

TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0___default.a.functions is not a function
Module../src/index.js
src/index.js:16
  13 | 
  14 | firebase.initializeApp(config);
  15 | 
> 16 | const functions = firebase.functions();
  17 | 

我做错了什么?

最佳答案

你也需要导入 firebase 本身

import firebase from 'firebase/app'

此外,在调用 initializeApp() 之后,确保初始化函数

firebase.functions()

更新:关于您更新的问题代码,代码应该可以工作,请尝试删除您的节点模块并重新运行 yarn 或 npm install(取决于您使用的包管理器)

关于javascript - Firebase `is not a function` Firebase 5.11.1 及更高版本出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56814707/

相关文章:

javascript - Passport.js 仅重定向到失败页面,不调用 LocalStrategy

javascript - 如何将 Apple 登录添加到 firebase 预构建 ui?

firebase - 如何修复 Firestore SDK 在 iOS 上遇到 "An internal error was encountered in the Indexed Database server"错误?

javascript - Jest.js 和 Create-react-app : I get "SyntaxError: Cannot use import statement outside a module" when running test

javascript - 将 js、css、scss 文件导入 webpack 的正确方法是什么?

javascript - Mongoose 每次使用预保存钩子(Hook)保存时都会更改密码

javascript - 在对象内的 SVG 内更改圆上的填充

swift - 嵌套 for 循环中的多个异步请求

javascript - 将正文作为 JSON 传递时,Lumen API 返回 422 错误

javascript - 在 js 文件中使用 sass 变量 create-react-app