webpack-dev-server端口搭建成功缺无法在浏览器中访问

1.成功安装了weBpack-dev-server，然后修改J
S里的文件也能成功打包好，为啥不能在浏览器中运行呢

在webpack.config.js配置文件中
devServe{
open：true//自启浏览器
}

这个问题有很多可能

  1. 浏览器中访问的地址不对，注意地址是包括了 主机名和端口的，还有包括协议，当然默认协议本机应该是http://
  2. 服务并没有正确启动，打包完成和服务启动是两回事的

如果你是通过localhost访问的这个有待研究。
如果是通过ip+端口号方式时，需要早devServe中加上host: '0.0.0.0'

1.你能提供webpack版本么
2.你是通过命令配置 还是配置文件启动 方法是不一样的

img

img

第二种webpack 启动配置文件

npx webpack --config webpack.config.js

 

 

  devServer: {

    port: port, // port:9527

    open: true, // 自动打开

    overlay: {

      warnings: false,

      errors: true

    },

 

在webpack.config.js配置文件中

img


将自启浏览器设置为true