类型错误：_firebase__WEBPACK_IMPORTED_MODULE_9__.default.collection 不是函数答案

【问题标题】：TypeError: _firebase__WEBPACK_IMPORTED_MODULE_9__.default.collection is not a function类型错误：_firebase__WEBPACK_IMPORTED_MODULE_9__.default.collection 不是函数
【发布时间】：2021-01-10 00:56:20
【问题描述】：

下面是我遇到错误的代码。这是一个 WhatsApp 克隆，使用 react JS 和 firebase 作为我正在制作的服务器，我正在按照指示进行操作，但由于某种原因，我无法修复这个烦人的错误！我定义了 db 并将其导入，如下所示，但它仍然给我一个错误。请帮忙！如果您需要我澄清或有任何其他问题，请告诉我！

enter image description here

import React, { useEffect, useState } from 'react'
import{Avatar, IconButton} from "@material-ui/core";
import DonutLargeIcon from "@material-ui/icons/DonutLarge";
import ChatIcon from "@material-ui/icons/Chat";
import MoreVertIcon from "@material-ui/icons/MoreVert";
import{SearchOutlined} from "@material-ui/icons";
import SidebarChat from "./SidebarChat";
import "./Sidebar.css";
import db from "./firebase";

函数侧边栏() {

 const [rooms, setRooms] = useState([]);

useEffect(() => {
 db.collection("rooms").onSnapshot((snapshot) => 
    setRooms(snapshot.docs.map((doc) =>({
            id: doc.id,
            data: doc.data(),
        }))
        )
    );
        }, []);

【问题讨论】：

标签： javascript reactjs firebase web

【解决方案1】：

我进入了 firebase.js 文件并从以下内容更改了导出：

export default {db};

到以下内容，它为我消除了错误：

export default db;

在我的例子中，这个问题是由括号引起的。

【讨论】：