TypeError：fs.​​readdir不是reactjs中的函数[重复]

Question

我正在尝试在 React.js 中创建一个博客发布项目 但是，我是 Js 本身的新手。

我要做的是从目录中读取文件列表。

 const fs = require("fs");
 const path = require("path");
 const dirPath = path.join(__dirname,"../data/blogs/");
 const getBlog = async () => {
     await fs.readdir(dirPath,(err, files) => {
         if(err) {
             return console.log("Failed to list contents of directory: " + err)
         }
         console.log(files)
         files.forEach((file,i) => {
             fs.readFile(`${dirPath}/${file}` , "utf8" , (err,contents) => {
             })
         })
     })
 }

我尝试从 YouTube 视频中做到这一点。但是我遇到了类似这样的错误。

我必须在我的项目中显式安装 fs 吗？

然后我看到有人在做

 const fs = require("fs").promises;

而不是

 const fs = require("fs");

我也试过了。

我还从 node.js(Documentation) 中阅读了一些文档

import { readdir } from "fs/promises";

并尝试将其导入。说找不到 fs/promises 是没有用的。

想知道到底是什么问题。

我必须在 package.json 中做些什么吗？

我必须安装 fs 吗？如果需要怎么办？

我看到了 stackoverflow 的答案，但没有一个提供清晰的答案。我正在使用 React.js 和 Tailwindcss。

Answer 1

您是要在服务器端还是客户端执行代码？ 我认为 fs 只能在服务器端使用，因为它是 nodeJS 的一部分。