Wie kann ich "GET/GET" für webpack-dev-server im Inline-Modus nicht beheben

Question

Wenn ich webpack-dev-server (Version 1.14.0) im Inline-Modus verwende und http://127.0.0.1:8080 aufrufen, lautet das Ergebnis Cannot GET /.

Die Config im webpack.config.js ist:

devServer: { 
    color: true, 
    historyApiFallback: false, 
    inline: true, 
    hot: true, 
    contentBase: assetsRoot 
} 

NPM Skripte im package.json sind

"scripts": { 
    "dev": "webpack-dev-server", 
    "build": "webpack -p", 
    "clean": "node npm-scripts/del-build.script.js" 
} 

Answer 1

server.js Verwendung Knoten der server.js Code:

var webpack = require('webpack'); 
var WebpackDevServer = require('webpack-dev-server'); 
var config = require('../webpack.config'); 
console.log(config); 
// 就是这么“复杂”！ 
// 往webpack的入口配置中加入 webpack-dev-server/client?http://localhost:8080/ 即可 
for (var i of Object.keys(config.entry)){ 
    config.entry[i].unshift("webpack-dev-server/client?http://localhost:8080/"); 
} 
console.log(config.entry); 
var compiler = webpack(config); 
var server = new WebpackDevServer(compiler, { 

}); 
server.listen(8080); 

Answer 2

Ich bin heute auf die gleiche Frage gestoßen und als ich versuchte, nach Lösungen zu suchen, sah ich diese Frage.

Zum einen habe ich ‚Can not Get /‘ auf der Webseite, wie Sie das tun, dann fand ich, dass ich den Content Weg verwechseln mit“path.join(__dirname,'/dist'), zu dem Server führen kann die Seite nicht finden.

Dann löse ich dieses Problem sein In meinem webpack.config.js sollte der devserver Satz:..?

`devServer: {` 
`contentBase: path.join(__dirname, "/client/dist"),` 
`compress: true,` 
`hot:true,` 
`port: 8888,` 
`inline:true` 
`}` 

Vielleicht können Sie versuchen, diese und Ihr Verzeichnis erneut prüfen