现在如何在 React 项目中正确使用 'fs' 模块(JavaScript 和 TypeScript 版本)?

How to use 'fs' module in React project correctly now (both JavaScript and TypeScript Version)?

我用过 import * as fs from 'fs';import fs from 'fs';import { readFile } from 'fs';const fs = require('fs');const fs = (window).require('fs');,但其中 none 正确运行。

create-react-app创建的应用,一个是JavaScript版本,一个是TypeScript版本。我想知道如何解决这个问题,以及它的原因。

  1. 使用import * as fs from 'fs'; & import fs from 'fs'时显示TypeError: fs.readFile is not a function.

  2. 使用import { readFile } from 'fs';时显示Uncaught TypeError: Object(...) is not a function.

  3. 使用const fs = (window).require('fs');时显示window.require is not a function.

  4. 使用const fs = require('fs');时显示fs__WEBPACK_IMPORTED_MODULE_1__.readFile is not a function.

是项目的config文件的问题还是tsconfig的问题?感谢您的帮助。

fs是node服务器端模块,一般浏览器javascript无法访问文件系统。但是您可以尝试使用 ExpressJS 设置后端服务器来处理请求,然后在您的节点服务器上使用 fs 来处理文件系统功能。

阅读更多相关信息: