小编Mah*_*ier的帖子

我在 Medium 上找到了一篇文章，其中使用 React 和 Firebase 来构建 Todolist 应用程序。按照文章中的说明，我安装了所有需要的依赖项，创建了 React 应用程序并复制粘贴到代码中。然后，我还转到 Firebase 并添加到文章https://medium.com/@sarahzhan/building-a-todo-app-with-crud-operations-using-firebase-react-hooks-and中指定的集合中-material-ui-caf4b1f2ecbc。但是，当我运行开发服务器时，我收到一条错误消息：

./src/App.js\nModule not found: Can\'t resolve \'firebase\' in {folder-name}\n

所以我的问题是，我该如何解决这个问题，我做错了什么？

这是代码，如果有帮助的话：

firebase.js

import firebase from "firebase";\n\n    const firebaseApp = firebase.initializeApp({\n      apiKey: "xxxxxxxxxxxxxxxxxxxxxxx",\n      authDomain: "xxxxxxxxxxxxxxxxxxx",\n      projectId: "xxxxxxxxxxxxxxxxxxx",\n      storageBucket: "xxxxxxxxxxxxxxxxx",\n      messagingSenderId: "xxxxxxxxxxxxxx",\n      appId: "xxxxxxxxxxxxxxxxxxx",\n    });\n    \n    const db = firebaseApp.firestore();\n    \n    export default db;\n

应用程序.js

import React, { useState, useEffect } from "react";\nimport {\n  Button,\n  FormControl,\n  InputLabel,\n  Input,\n  FormHelperText,\n} …

我正在尝试创建一个自定义令牌来使用用户名登录用户。我已经阅读了一些文档https://firebase.google.com/docs/auth/admin/create-custom-tokens#web ，该文档通过如何为用户提供用户名而不是用户名链接到我电子邮件？，我发现我需要添加

使用 Firebase Admin SDK 创建自定义令牌

和

在客户端上使用自定义令牌登录

目前，我可以根据文档了解需要包含哪些内容，但我不确定这将在源代码中的位置。在哪里添加文档中的代码？这是 userUser.js 文件的源代码，以防有帮助。

import { useEffect, useState } from "react";
import { useRouter } from "next/router";
import firebase from "firebase/app";
import "firebase/auth";

import initFirebase from "../../config";
import {
  removeUserCookie,
  setUserCookie,
  getUserFromCookie,
} from "./userCookie";

initFirebase();

export const mapUserData = async (user) => {
  const { uid, email } = user;
  const token = await user.getIdToken(true);
  return {
    id: uid,
    email,
    token,
  };
};

const useUser = …