Firebase \'collection\' 未从 \'firebase/firestore\' 导出答案

【问题标题】：Firebase 'collection' is not exported from 'firebase/firestore'Firebase \'collection\' 未从 \'firebase/firestore\' 导出
【发布时间】：2022-09-28 18:39:49
【问题描述】：

我正在尝试在我的项目中导入 \"collection\"，但我只在 \"collection\" 上收到此错误。我关注了关于查询的firebase docs，但我不知道如何解决它。

**React**
import { query, where, getDocs, collection } from \"firebase/firestore\";

  const [username, setUsername] = useState(\"\")
  const [utente, setUtente] = useState(null)
  const [err, setErr] = useState(false)
  const handleSearch = async () =>{
  const q = query(collection(db, \"users\"), where(\"displayName\", \"==\", username)
  );
  const querySnapshot = await getDocs(q);
  querySnapshot.forEach((doc) => {
  // doc.data() is never undefined for query doc snapshots
  console.log(doc.id, \" => \", doc.data());
});};

  const handleKey = e=>{
    e.code === \"Enter\" && handleSearch();
  };


**Package.json**
{
  \"name\": \"whatsapp-clone\",
  \"version\": \"0.1.0\",
  \"private\": true,
  \"dependencies\": {
    \"@emotion/react\": \"^11.10.4\",
    \"@emotion/styled\": \"^11.10.4\",
    \"@material-ui/core\": \"^4.11.4\",
    \"@material-ui/icons\": \"^4.11.2\",
    \"@mui/material\": \"^5.10.5\",
    \"compressorjs\": \"^1.0.7\",
    \"emoji-picker-react\": \"^3.6.2\",
    \"firebase\": \"^8.6.3\",
    \"react\": \"^17.0.2\",
    \"react-dom\": \"^17.0.2\",
    \"react-firebase-hooks\": \"^3.0.4\",
    \"react-router-dom\": \"^5.2.0\",
    \"react-scripts\": \"4.0.3\",
    \"react-scrollable-feed\": \"^1.3.1\",
    \"uuid\": \"^8.3.2\"
  },

非常感谢您提前

标签： javascript reactjs firebase import

【解决方案1】：

您正在使用 Firebase 8.6.3，但 modular syntax 是从 v9.0.0 开始引入的。升级到最新版本应该可以解决问题：

npm i firebase@latest

您也可以使用命名空间使用当前版本的语法，但我建议升级并使用新版本。

【讨论】：