Webpack传输轮询错误

Question

我在我的express/webpack应用程序中有以下任务，它启动了一个webpack-dev-server：

"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

这里是在grunt-webpack中产生错误的piece of code。默认情况下，选项设置为

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

以及以后的

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

    ...
}

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

"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时没有发现编译错误。这导致了同样的问题。

注意到这一点后，我觉得自己很傻。