Question

我运行了一个webpack-dev-server，它只随机地提供了部分bundle文件（main.js和vendor.js）。当我重新加载chrome或firefox时，它在第一次尝试时加载5MB的文件，然后在第二次尝试时加载3MB。它没有完成请求。经过漫长的等待，我收到错误ERR_CONNECTION_RESET。 Webpack不会记录任何错误。

我也尝试过清理我的npm缓存。我和同事一样拥有相同的npm和节点版本（npm：v5.0.3，节点：8.1.2）。它必须是webpack问题或与环境有关的问题。

这一定是一个环境问题，因为除了我以外，每个人都能正常工作。这是我们在webpack.config.js中的插件和其他一些部分：

let plugins = [
    new CommonsChunkPlugin({
        name: 'vendor',
        minChunks(module, count) {
            let context = module.context;
            return context && context.indexOf('node_modules') >= 0;
        }
    }),
    //catch all - anything used in more than one place
    new CommonsChunkPlugin({
        async: 'commons',
        minChunks(module, count) {
            return count >= 2;
        }
    }),

    new webpack.DefinePlugin({
        'process.env': {
            'NODE_ENV': JSON.stringify(nodeEnvString)
        }
    }),
    new webpack.optimize.UglifyJsPlugin({
        sourceMap: true
    }),
    new CopyWebpackPlugins([
        {
            from: 'src/res',
            to: ''
        }
    ])
];
plugins.unshift(new webpack.NamedModulesPlugin());
plugins.unshift(new webpack.NoEmitOnErrorsPlugin());
plugins.unshift(new webpack.HotModuleReplacementPlugin());

entries = [
    'react-hot-loader/patch',
    'webpack-dev-server/client?' + (useHttps ? 'https' : 'http') + '://localhost:' + PORT,
    'webpack/hot/only-dev-server',
    './src/index'
];

module.exporst = {
    ...
    devServer: {
        inline: true,
        hot: true,
        https: useHttps,
        contentBase: './src/res',
        port: PORT,
        historyApiFallback: true
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                use: [
                    'babel-loader',
                    'eslint-loader'
                ],
                include: [
                    PATH.resolve(__dirname, 'src'), \/lib\//
                ]
            },
        ]
    },
    ...
};

Webpack只提供文件的一半

0 个答案: