Webpack传输轮询错误

Question

我在启动webpack-dev-server的express / webpack应用程序中有以下grunt任务：

"webpack-dev-server": {
    options: {
        webpack: webpackConfig,
        publicPath: '/assets/',
        watch: true,
        inline: true,
        hot: true,
        quiet: true
    },
    start: {
        keepAlive: true,
        webpack: {
            devtool: 'eval',
            debug: true
        }
    }
}

我遇到的问题是，轮询器只是阻止我的chrome控制台，这在调试方面会非常烦人。 （我正处于裸机应用阶段）。

任何人都有任何想法可能会导致这种情况吗？

Answer 1

自己找到了：

将grunt中的host选项设置为“localhost”

Answer 2

此处piece of code会产生grunt-webpack的错误。默认情况下，选项设置为

var options = _.merge({
    port: 8080,
    host: undefined
}, options);

以后

if (options.inline) {
    var devClient = ["webpack-dev-server/client?" + protocol + "://" + options.host + ":" + options.port];

    ...
}

因此，要解决您的问题，请在grunt config中指定主机选项

"webpack-dev-server": {
    options: {
        webpack: webpackConfig,
        publicPath: '/assets/',
        watch: true,
        inline: true,
        hot: true,
        quiet: true,
        host: 'localhost'
    },
    start: {
        keepAlive: true,
        webpack: {
            devtool: 'eval',
            debug: true
        }
    }
}

Answer 3

在我的情况下，我只是没有看到我在尝试运行devserver时遇到编译错误。这导致了同样的问题。

注意到这一点后，我感到非常愚蠢。