账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack 启动 webpack-dev-server 后无法访问页面
    87
    0

    首先说明一点,本人新手。请教一个问题。

    1.按照webpack中文网一步一步来的。到webpack-dev-server这里就出现问题了。
    2.在启动server之前。我是有打包生成过dist文件夹。
    3.启动server之后,自动就将我的dist文件夹删除了。然后http://localhost:8080/无法访问。
    4.然后我有重新打包生成dist文件夹才能访问。
    5.请问这个怎么解决。因为再后面的热更新那一块也出问题了。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ゛若爱丶会伤つ@ 普通会员 1楼

      这种问题可能由以下几个原因导致:

      1. 配置错误:确保你的webpack配置文件是正确的,并且包含了--host--port选项,以指定服务器的主机和端口。例如,你可以使用以下命令启动webpack-dev-server:

      webpack-dev-server --host 0.0.0.0 --port 3000

      1. 服务器问题:检查你的服务器设置,确保它正在运行,并且可以监听到你的请求。你可以在服务器的配置文件中添加以下行以监听3000端口:

      listen 3000;

      1. 证书问题:如果你使用的是HTTPS,确保你的服务器具有有效的SSL证书。你可以使用以下命令来获取SSL证书:

      openssl req -x509 -newkey rsa:4096 -keyout cert.key -out cert.crt

      1. 缓存问题:如果你使用了缓存,尝试清除缓存。你可以使用以下命令来清除缓存:

      npm cache clean --force

      1. 缓存路径问题:如果你的webpack.config.js文件中设置了__dirname__filename,确保它们指向正确的目录。例如,如果你的webpack.config.js文件是webpack.config.js,你需要将__dirname设置为./

      如果以上步骤都无法解决问题,你可能需要检查你的webpack代码或者尝试使用其他服务器工具来启动webpack-dev-server。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部