So gehen Sie mit ungültigem Hotloading des Webpack-Entwicklungsservers um

Dieses Mal zeige ich Ihnen, wie Sie mit dem ungültigen Hotload des Webpack-Entwicklungsservers umgehen. Was sind die Vorsichtsmaßnahmen für den Umgang mit dem ungültigen Hotload des Webpack-Entwicklungsservers? , lass uns einen Blick darauf werfen.

Bei Verwendung des Webpack-Entwicklungsservers als Hot-Loading-Server tritt der folgende Fehler auf:

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.

Oder Es tritt der folgende Fehler auf. Warnmeldung:

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)

Nach der Diagnose liegt der Konfigurationsfehler im publicPath von webpack.config.js und die absolute Adresse muss angegeben werden Wie folgt geändert werden:

output : {
 filename : '[name].js',
 // 不可配置为绝对路径,这是错误的配置
 //publicPath: "http://localhost:8080/dist/",
 // 这是正确的配置，
 publicPath: "/dist/",
 path : build,
 // umd包含了对amd、commonjs、var等多种规范的支持 
 libraryTarget : 'var' 
}

Nach wiederholten Tests wurde der publicPath des Webpack-Entwicklungsservers in andere Domänen eingefügt, wenn eine absolute Adresskonfiguration vorliegt verwendet wird, wird der obige Fehler auf jeden Fall auftreten.

Es ist wichtig zu beachten, dass der Webpack-Entwicklungsserver genau das Gegenteil von Webpack-Hot-Middleware ist und Webpack-Hot-Middleware absolute Adressen verwenden muss.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So richten Sie den Remote-Modus für den Webpack-Dev-Server ein

Warum kann Webpack nicht über die IP-Adresse auf localhost zugreifen?

Das obige ist der detaillierte Inhalt vonSo gehen Sie mit ungültigem Hotloading des Webpack-Entwicklungsservers um. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!