モジュールが見つかりませんでした： 'child_process'を解決できません

Question

reactjsを使用していますが、npm start中にthis.webpackエラーが発生しています。

`./~/csvtojson/libs/core/workerMgr.js 
    Module not found: Can't resolve 'child_process' in '/var/www/html/ReactLogin/node_modules/csvtojson/libs/core'` 
    File : CsvRead.jsx 

    import React from 'react'; 
    import ReactDOM from 'react-dom'; 

    var objects; 

    var CsvRead = React.createClass({ 
     readFile:function(){ 
      var file = this.refs.file.files[0]; 
      var reader = new FileReader(); 
      reader.onload = function(evt){ 
       var resultText = evt.target.result; 
       objects = this.csvToJson(resultText); 
       console.log(objects); 
      }.bind(this); 
      var newFile = file.slice(0,5000); 
      reader.readAsText(newFile); 
     }, 
     csvToJson:function(csvString){ 
      var Converter = require("csvtojson").Converter; 
      var converter = new Converter({}); 
      converter.fromString(csvString, function(err,result){ 
       //When i console log the result it is working but when i return The result: 
       // i am getting a undefined error 
       //console.log(result); 
       return result; 
      }); 
     }, 
     render:function(){ 
     console.log('i am here'); 
      return (
      <input type="file" ref="file" onChange={this.readFile} /> 
     ); 
     } 
    }); 

ファイル：GoogleChart.jsx：このファイルは、CsvRead.jsxを含むが、このファイルを含めて動作していないためimport文が含まれています。

import React, { Component } from 'react' 
    import ReactDOM from 'react-dom'; 
    import { connect } from 'react-redux' 
    import { createHashHistory } from 'history'; 
    import { Chart } from 'react-google-charts'; 
    import { CsvRead } from '../dynamic/CsvRead.jsx' 

    const customHistory = createHashHistory(); 

    class GoogleChart extends Component { 
     constructor(props) { 
     super(props); 
     this.state = { 
      options: { 
      title: 'Users Hours comparison', 
      hAxis: { title: 'User'}, 
      vAxis: { title: 'Hours'}, 
      legend: 'none', 
      axisTitlesPosition: 'out', 
      'isStacked': true, 
      colors: ['#0598d8', '#f97263'], 
      }, 

      data :[ 
      ['User', 'workingHours', 'ExceptedWorkingHours'], 
      ['user1', 500, 400], 
      ['user2', 300, 200], 
      ['user3', 1500, 650], 
      ['user4', 1200, 470], 
      ['user5', 1000, 700], 
      ['user6', 500, 400], 
      ['user7', 1300, 500], 
      ['user8', 176, 55], 
      ['user9', 310, 240], 
      ['user10', 500, 400] 
     ] 
     }; 
     } 

     render() { 
     return (
      <CsvRead /> 
      <Chart 
      chartType="ColumnChart" 
      data = {this.state.data} 
      options={this.state.options} 
      graph_id="ColumnChart" 
      width="100%" 
      height="400px" 
      legend_toggle 
      /> 
     ); 
     } 
    } 


    function select(state) { 
     return { 
      users: state.users 
     } 
    } 

    export default connect(select)(GoogleChart); 

誰もがthis.mightは、この問題を解決するために、正しい問題を得ていないで私を助けることができます。 この問題を解決するにはどうすればよいですか？

Answer 1

csvtojsonパッケージは、child_processを生成しようとしていますが、これはブラウザでは実行できません。ドキュメントによると、オプションに{ fork: false }を渡すと、child_processは使用されません。コードを貼り付けてください。