我无法想象在React组件中使用fs的任何情况。即使您可以在服务器中使用React来呈现内容，但相同的代码应该在客户端中运行，您无法在客户端中访问fs。
如果您想在服务器中使用fs，下面是一个示例：

import * as fs from 'fs';
import * as path from 'path';
fs.readFile(path.join(__dirname, '../../client/index.html'), 'utf8', (error, data) => {
        // ...
    })

在package.json文件上，确保具有对node的依赖关系

"dependencies": {
 "@types/node": "^7.0.5"
}

这是我的tsconfig.json文件的样子：

{
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es5",
        "jsx": "react",
        "allowJs": true,
        "typeRoots": [
            "./node_modules/@types"
        ]
    },
    "include": [
        "./db/**/*",
        "./src/**/*"
    ]
}

使用node -v 10.15.0和@类型/节点：
似乎宣言被改写了...
fs定义被声明为module，因此您应该执行以下操作：
import fs from "fs"; // Without star
编制日期：
var fs_1 = __importDefault(require("fs"));
或
const fs = require("fs");而不是require("fs").default;
使用星星，您将得到fs.default.TheFunctionYouWant而不是fs.TheFunctionYouWant
更好的方法是到console.log(fs);看看它是什么导入的。

{
  "compilerOptions": {
    "typeRoots": [],
    "types": [
      "node"
    ]
  }
}

最新植入，可以导入方法。

import { readFile, writeFile } from 'fs/promises';

直接使用...

// write
await writeFile('./file.json', content);

// read
const content = await readFile('./file.json');

参考https://nodejs.org/docs/latest-v14.x/api/

安装@types/node可能也有帮助：npm i --save-dev @types/node