【问题标题】:How to use 'fs' module in React project correctly now (both JavaScript and TypeScript Version)? [duplicate]现在如何在 React 项目中正确使用“fs”模块(JavaScript 和 TypeScript 版本)? [复制]
【发布时间】:2021-12-15 01:53:22
【问题描述】:

我使用过import * as fs from 'fs';import fs from 'fs';import { readFile } from 'fs';const fs = require('fs');const fs = (window).require('fs');,但没有一个能正常运行。

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

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

【问题讨论】:

  • fs 是一个节点包。React 是用于 web 的。你需要fs 做什么?
  • 我想使用 fs 来执行文件并在浏览器上显示它的内容。其实我不知道这个想法现在是否可行。

标签: javascript node.js reactjs typescript fs


【解决方案1】:

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

阅读更多内容:

【讨论】:

    猜你喜欢
    • 2021-01-12
    • 2020-08-09
    • 2016-09-12
    • 2014-06-26
    • 2011-03-25
    • 1970-01-01
    • 1970-01-01
    • 2021-03-10
    • 1970-01-01
    相关资源
    最近更新 更多