インラインモードでwebpack-dev-serverの "GET /不可"を解決する方法

Question

インラインモードでwebpack-dev-server（バージョン1.14.0）を使用してhttp://127.0.0.1:8080にアクセスすると、結果はCannot GET /になります。 webpack.config.jsで

設定である：

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

package.jsonにおけるNPMスクリプトが

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

Answer 1

使用ノードserver.js server.jsコードである：

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

今日私は同じ質問に出くわしました。ソリューションを検索しようとすると、私はこの質問を見ました。

は、まず私はあなたがそうであるように、ウェブページ上の「/取得することはできません」、そして私は、path.join(__dirname,'/dist')「とcontentBaseパスを間違えページを見つけることができませんサーバーにつながることが判明しました。

をその後、私はこの問題を解決します。私のwebpack.config.jsでは、devServerセットは次のようになります。？

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

たぶん、あなたはこれを試すことができて、もう一度自分のディレクトリをチェックし

バージョンあなたは