He usado import * as fs from 'fs'; , import fs from 'fs'; , import { readFile } from 'fs'; , const fs = require('fs'); & const fs = (window).require('fs'); , pero ninguno de ellos funciona correctamente.
La aplicación creada por create-react-app , una es la versión de JavaScript, otra es la versión de TypeScript. Quiero saber cómo resolver este problema y la razón de su causa.
Al usar import * as fs from 'fs'; & import fs from 'fs' , muestra TypeError: fs.readFile is not a function .
Al usar import { readFile } from 'fs'; , muestra Uncaught TypeError: Object(...) is not a function .
Cuando se usa const fs = (window).require('fs'); , muestra que window.require is not a function .
Cuando se usa const fs = require('fs'); , muestra fs__WEBPACK_IMPORTED_MODULE_1__.readFile is not a function .
¿Se trata del archivo de configuración del proyecto o tsconfig? Gracias por tu ayuda.
fs es un módulo del lado del servidor del nodo, y normalmente el javascript del navegador no puede acceder al sistema de archivos. Pero podría probar y configurar un servidor back-end usando ExpressJS para manejar las solicitudes y luego usar fs en su servidor de nodo para manejar las funciones del sistema de archivos.
Lea más sobre esto en: