未捕获的错误：使用 webpack 时找不到模块“fs”答案

【问题标题】：Uncaught Error: Cannot find module "fs" when using webpack未捕获的错误：使用 webpack 时找不到模块“fs”
【发布时间】：2018-05-02 07:05:37
【问题描述】：

我正在使用 webpack + react + nodejs，这是我的 webpack 配置文件：

当我在浏览器上打开网站时，它返回未捕获错误：在浏览器上找不到模块“fs”。

var webpack = require('webpack');

var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry: [
        'script-loader!./public/js/vendor/jquery.js',
        'script-loader!./public/js/vendor/foundation.min.js',
        'script-loader!./public/js/app.js',
        './view/app.jsx',
        './view/styles/main.scss'
    ],
    externals: {
        jquery: 'jQuery'
    },
    plugins: [
        new ExtractTextPlugin({
          filename: './public/styles/bundle.css',
          allChunks: true,
        }),
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery'
        })
    ],
    output: {
        path: __dirname,
        filename: './public/bundle.js'
    },
    resolve: {
        alias: {
            view: path.join(__dirname, 'view'),
            componentDir: path.join(__dirname, 'view/components/'),
            configureStore: path.resolve(__dirname, 'view/store/configureStore/'),
            actions: path.resolve(__dirname, 'view/actions/index/')
        },
        extensions: ['.js', '.jsx']
    },
    module: {
        rules: [
             ...
        ]
    }

};

问题出在哪里？

【问题讨论】：

标签： node.js reactjs webpack fs

【解决方案1】：

我认为你必须添加

node: {
  fs: 'empty',
},

到你的 webpack 配置。 (https://webpack.js.org/configuration/node/#node)

【讨论】：

这是真的，但是它在浏览器的控制台上给出了另一个错误（Uncaught TypeError: Cannot read property 'prototype' of undefined）。而且我已经在另一个项目中使用过这个代码，它就像魅力一样......
错误来源：var fs$ReadStream = fs.ReadStream ReadStream.prototype = Object.create(fs$ReadStream.prototype)
知道来自哪个包/node_module 吗？
控制台代码区没有包名。我怎样才能找到它？谢谢
这只是反应组件中的语法错误=）谢谢您的帮助#solved