2016-05-24 101 views
0

每次我試圖給它一個機會成爲我的朋友時,我遇到了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' 
     } 
    ] 
    } 
} 

回答

1

這是對的WebPack-dev亡服務器/客戶端入口點,它只是查詢字符串中的路徑,沒有參數名稱。

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

相關問題