在使用webpack-dev-server": "^4.9.2"对项目进行打包操作之后,使用生成的本地地址localhost:8080在浏览器打开后显示Cannot GET /,本以为是端口占用的问题,cmd杀进程之后发现不是。
后面找到了两种解决方案。推荐使用第二种。
一.降低webpack-dev-server版本使用3.11.2亲测可行,在终端中运行
npm remove webpack-dev-server
再安装指定版本
npm i webpack-dev-server@3.11.2
二.在webpack.config.js文件中添加devServer节点进行配置就能解决。static是默认的打开文件路径
devServer: {
static: "./",
},
当然要是想直接看到页面效果可以将static修改成为
devServer:{
static:"html文件所在当前文件的相对路径"
}
还可以在这个节点中配置其他浏览器打开的路径,端口设置
devServer: {
open: true,//初次打包完成后,自动打开浏览器
host: '127.0.0.1',//实时打包所使用的主机地址
port: 80 //实时打包锁使用的端口号
}
在修改其中设置以后记得重启项目
在修改其中设置以后记得重启项目
在修改其中设置以后记得重启项目
重要的事说三遍