はjsが必要と反応する 'fsの'

Question

I持って

import fs from 'fs' 

と私のpackage.jsonに私が

は、その後、私は

> npm i fs 
 
> fs@0.0.2 node_modules/fs

次でコマンドを実行してい私のReact Store私は 'fs'モジュールをインポートします

import fs from 'fs'

しかし私は、コンストラクタや他のいくつかの__methods以外の方法が表示されない

fsを使用しようとします。私は、メソッドcreateReadStreamまたは他のファイル操作メソッドが表示されません。

何が間違っているのか分かりませんか？ （Webpackを使用して）要求に応じてより多くの情報を提供することができますが、私はこれを遠くに持っています...

ps：なぜ私はnpm i fs - セーブすることができます私は持っていない

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

（ノード5.5.0を使用して）それを行うにはこれは環境問題であるかもしれないことが可能です。ブラウザがfsのようないくつかのノードサーバー側モジュールを解釈して実行することはできません。

解決策は、Node環境（サーバー側）でfsメソッドを実行するか、同じ機能を提供するがブラウザー用に書かれたパッケージを見つけることです。

これは、この質問に議論だ... Module not found: Error: Cannot resolve module 'fs'

そして、この質問... Use fs module in React.js,node.js, webpack, babel,express

Answer 2

で、彼らは 'FSを' スタブアウトしている作成反応するアプリ。それをインポートすることはできません。あなたはその問題に対する別の解決策を見つけなければならないでしょう。このチケットを参照してください。 https://github.com/facebook/create-react-app/issues/3074