Webpackdevserver熱加載失敗怎么辦-創(chuàng)新互聯(lián)
這篇文章主要介紹了Webpack dev server熱加載失敗怎么辦，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
利用Webpack dev server作為熱加載服務(wù)器時，出現(xiàn)以下錯誤：
XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.
或者出現(xiàn)以下的警告信息：
dev-server.js:37 [HMR] Update failed: Error: Manifest request to http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json timed out. at XMLHttpRequest.request.onreadystatechange (http://localhost:8080/dist/main.js:38:22)
經(jīng)過診斷，配置錯誤的地方在于webpack.config.js的publicPath，需要將絕對地址改為相對地址，如下：
output : {
filename : '[name].js',
// 不可配置為絕對路徑,這是錯誤的配置
//publicPath: "http://localhost:8080/dist/",
// 這是正確的配置，
publicPath: "/dist/",
path : build,
// umd包含了對amd、commonjs、var等多種規(guī)范的支持
libraryTarget : 'var'
}經(jīng)過反復(fù)的測試，將webpack dev server的publicPath注入到其他域下，如果使用絕對地址配置，一定會出現(xiàn)上述錯誤。
需要特別注意的是，webpack dev server與webpack-hot-middleware剛好相反，webpack-hot-middleware必須使用絕對地址。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Webpack dev server熱加載失敗怎么辦”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司，關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
文章標(biāo)題：Webpackdevserver熱加載失敗怎么辦-創(chuàng)新互聯(lián)
本文來源：http://m.jiaotiyi.com/article/dsihdd.html