React Js требуют 'фс'

Question

У меня есть

import fs from 'fs' 

и в моем package.json меня

Затем я запускаю команду

> npm i fs 
 
> fs@0.0.2 node_modules/fs

рядом в мой магазин реактивов Я импортирую модуль «fs»

import fs from 'fs'

Однако, когда я пытаюсь использовать фс

Я не вижу методы конструктора и несколько других __methods кроме. Я не вижу метод createReadStream или любые другие методы манипуляции с файлами.

Кто-нибудь знает, что не так? (используя Webpack), и я могу получить дополнительную информацию по запросу, но я получаю это далеко ...

ps: почему я могу npm i fs -save, когда я читаю на других сообщениях, которые у меня нет чтобы сделать это (используя узел 5.5.0)

import Reflux from 'reflux' 
 
import AddItemActions from '../actions/AddItemActions' 
 
import request from 'superagent-bluebird-promise' 
 
import fs from 'fs' 
 

 
var ImageStore = Reflux.createStore({ 
 
    init(){ 
 
    . 
 
    . 
 
    . 
 
    }, 
 

 
    decryptImage(file) { 
 
    var reader = new FileReader(); 
 
    var info = {} 
 
    reader.onload = (output) => { 
 
     debugger 
 
     request.post("https://camfind.p.mashape.com/image_requests") 
 
     .set("X-Mashape-Key", "KEY") 
 
     .set("Content-Type", "application/x-www-form-urlencoded") 
 
     .set("Accept", "application/json") 
 
     .send({'focus': { 'x': 480}}) 
 
     .send({'focus': { 'y': 640}}) 
 
     .send({'image_request': {'altitude': 27.912109375}}) 
 
     .send({'image_request': {'language': "en"}}) 
 
     .send({'image_request': {'latitude': 35.8714220766008}}) 
 
     .send({'image_request': {'locale' : "en_US"}}) 
 
     .send({'image_request': {'longitude': 14.3583203002251}}) 
 
     .send({'image_request': {'image': fs.createReadStream("/path" + 'file.jpg')}}) 
 
     .then(function (result) { 
 
      console.log(result.status, result.headers, result.body); 
 
      this.info = result 
 
     }, 
 
      function(error) { 
 
      console.log(error); 
 
     }) 
 
    } 
 

 
    reader.readAsDataURL(file); 
 
    return info 
 
    }, 
 
    . 
 
    . 
 
    . 
 
    . 
 
})

Answer 1

возможно, это может быть проблемой окружающей среды. Браузер не может интерпретировать и запускать некоторые серверные модули узла, такие как fs.

Решение состоит в том, чтобы запустить методы fs в среде Node (на стороне сервера) или найти пакет, который предлагает те же функции, но написанные для браузера.

Это обсуждается в этом вопросе ... Module not found: Error: Cannot resolve module 'fs'

И этот вопрос ... Use fs module in React.js,node.js, webpack, babel,express

Answer 2

Создать реагирующий-приложение они затушили 'фс. Вы не можете импортировать его. Вам придется найти другое решение этой проблемы. Посмотрите этот билет. https://github.com/facebook/create-react-app/issues/3074