如何解决在线模式下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 /”

回答

相关问题