Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
升级后Webpack 2代码未运行_Webpack_Webpack 2 - Fatal编程技术网

升级后Webpack 2代码未运行

升级后Webpack 2代码未运行,webpack,webpack-2,Webpack,Webpack 2,我们已经使用Webpack1.x一段时间了,没有任何问题。今天我按照迁移说明升级到了2.4.1,一切似乎都很好。升级后,虽然没有一个网页代码工作。我没有收到任何错误。只是什么都没有显示出来。组件应该渲染的div为空 因此,我添加了一些应该运行的console.log,但控制台中没有显示任何内容。然后我找到了那些console.logs并添加了断点,并且确信由于某种原因代码没有运行 以下是升级后的webpack.config.js文件内容: var webpack = require("webpa

我们已经使用Webpack1.x一段时间了,没有任何问题。今天我按照迁移说明升级到了2.4.1,一切似乎都很好。升级后,虽然没有一个网页代码工作。我没有收到任何错误。只是什么都没有显示出来。组件应该渲染的div为空

因此,我添加了一些应该运行的console.log,但控制台中没有显示任何内容。然后我找到了那些console.logs并添加了断点,并且确信由于某种原因代码没有运行

以下是升级后的webpack.config.js文件内容:

var webpack = require("webpack");
var path = require("path");

module.exports = {
    entry: {
       index: './index.jsx'
    },
    output: {
        path: path.join(__dirname, 'js'),
        filename: '[name].js'
    },
    module: {
        rules: [
            {
                test: /\.jsx$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    babelrc: false,
                    presets: [

                        'react',
                        'stage-0'
                    ]
                }
            },
            {
                test: /\.css$/,
                use: [
                    "style-loader",
                    "css-loader"
                ]
            }
        ]
    },
    resolve: {
        extensions: [ '.js', '.jsx', '.css' ],
        alias: {
            "notification-js-root": __dirname + "/node_modules/notification-js"
        }
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin('init.js')
    ]
};

好的,在花了几个小时试图修复这个问题后,我发现webpack.optimize.commonchunkplugin在webpack的第2版中发生了更改。它会自动将.js附加到您使用的文件名中

因此,它生成了一个init.js.js文件,我加载了Webpack1生成的旧init.js文件,这显然不会导致加载后续代码,也不会显示任何错误


所以这就解决了它:
newwebpack.optimize.commonChunkPlugin('init')

webpack的文档、错误消息和配置是出了名的糟糕=\