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'
}
]
}
}