firebase 在react项目中使用db.collection()时出错

bttbmeg0  于 2023-01-21  发布在  React
关注(0)|答案(1)|浏览(119)

错误:

firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.storage is not a function
import React, { useEffect } from "react";
import styled from "styled-components";
import ImageSlider from "./ImageSlider";
import Movies from "./Movies";
import Viewers from "./Viewers";
import Footer from "./Footer";
import db from "../firebase";

const Home = () => {
  useEffect(() => {
    db.collection("movies").onSnapshot((snapshot) => {
      console.log(snapshot);
    });
  }, []);
};

我不明白为什么会出现这个错误。

7uzetpgm

7uzetpgm1#

错误消息“firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.storage不是函数”表明“storage”属性不是“firebase_compat_app”模块默认导出的函数。这意味着代码试图将“storage”属性当作函数访问,但实际上它不是。
如果代码中未正确导入“firebase”库,则可能发生此错误。请确保您已正确导入“firebase”库,并且使用正确的配置对其进行了初始化。
此外,如果您尝试使用“storage”模块,但该模块未包含在import语句中或未在firebase项目中启用,则可能会发生此错误。
也有可能是您试图以不受已安装的firebase库版本支持的方式使用存储模块。

相关问题