Webpack dev服务器尝试连接到错误的网址

问题描述：

每次我试图给它一个机会成为我的朋友时，我遇到了webpack的麻烦！这次我试图使用热反应热装载程序，webpack & webpack-dev-server启用热模块重装，但似乎webpack-dev-server试图在浏览器中获取错误的URL。Webpack dev服务器尝试连接到错误的网址

这是Chrome的V50的控制台错误：

GET http://public/info?t=1464117419740 net::ERR_NAME_NOT_RESOLVED

完整的日志：

abstract-xhr.js:132 GET http://public/info?t=1464117419740 net::ERR_NAME_NOT_RESOLVEDAbstractXHRObject._start @ abstract-xhr.js:132(anonymous function) @ abstract-xhr.js:21 
index.js:70 [WDS] Disconnected!sock.onclose @ index.js:70EventTarget.dispatchEvent @ eventtarget.js:51(anonymous function) @ main.js:356 
abstract-xhr.js:132 GET http://public/info?t=1464117421752 net::ERR_NAME_NOT_RESOLVEDAbstractXHRObject._start @ abstract-xhr.js:132(anonymous function) @ abstract-xhr.js:21

这里是我的WebPack配置：

{ 
    devtool: 'source-map', 
    entry: [ 
    // 'webpack-dev-server/client?path=http://localhost:3001/', // I have tested it with no luck 
    'webpack-hot-middleware/client?path=http://localhost:3001/', 
    'webpack/hot/dev-server', 
    './index.js' 
    ], 
    output: { 
    path: path.join(__dirname, 'public'), 
    publicPath: '/public/', 
    filename: 'bundle.js' 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
    new ExtractTextPlugin('index.css', { 
     allChunks: true 
    }) 
    ], 
    postcss: [ 
    values, 
    cssnext 
    ], 
    devServer: { 
    hot: true, 
    inline: true, 
    contentBase: './' 
    } 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     loaders: ['react-hot','babel'], 
     exclude: /node_modules/ 
     }, 
     { 
     test: /\.(css)$/, 
     exclude: /node_modules/, 
     loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss') 
     }, 
     { 
     test: /\.(eot|woff|woff2|ttf|svg|png|jpe?g|gif)(\?\S*)?$/, 
     loader: 'file' 
     } 
    ] 
    } 
}

答

这是对的WebPack-dev亡服务器/客户端入口点，它只是查询字符串中的路径，没有参数名称。

webpack-dev-server/client？ http://localhost:3001

Webpack dev服务器尝试连接到错误的网址

相关推荐