如何解決在線模式下webpack-dev-server的「無法GET /」

當我以串聯模式使用webpack-dev-server（版本1.14.0）並訪問http://127.0.0.1:8080時，結果爲Cannot GET /。如何解決在線模式下webpack-dev-server的「無法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" 
}

來源

2017-03-13 twinklexp

其中的WebPack您使用 –

的WebPack 1.14.0版本， – twinklexp

使用節點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);

來源

2017-03-13 10:05:22 twinklexp

今天我遇到了同樣的問題，當我試圖搜索解決方案時，我看到了這個問題。

首先，我得到了「不能獲取/」網頁上爲你做什麼，然後我發現我錯了」 path.join(__dirname,'/dist')的contentBase路徑，導致服務器無法找到頁面。

然後我解決這個問題在我webpack.config.js中，devServer集應該是：？

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

也許你可以試試這個，並再次檢查你的目錄

來源

2017-04-05 03:36:21

如何解決在線模式下webpack-dev-server的「無法GET /」

回答

相關問題