webpack打包完成卡住不动 Opening index.html over file:// won‘t work.

webpack打包bug

记录一次webpack打包完成卡住不动bug

背景
服务器端刚把 node10.x 升级到 16.9.x

环境
webpack 4.16.5
webpack-cli 3.1.0

打包完成后一直停留在

Build complete.
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won\'t work.

解决方案

网上有看到
1.修改 assetsPublicPath 对我项目没起作用

改config\index.js中的build的对象
assetsPublicPath: '/',
改为
assetsPublicPath: './'
  1. 通过 http-server 对我项目没起作用
cd dist
npm install -g http-server

原因:该库包的作用是本地能打开运行打包后的 index.html 文件。目前情况是服务器打包卡住(本地打包也是一样卡住),并不是需要 http-server 来打开文件在本地运行

  1. 打包完成后强制退出 成功解决
    找到打包配置文件(我的是build.js)在最末尾加上 process.exit(0),注意: 要在最末尾加上process.exit(0),确保打包已经结束以免造成其他报错。
console.log(chalk.cyan(' Build complete.\n'))
console.log(
  chalk.yellow(
    ' Tip: built files are meant to be served over an HTTP server.\n' +
      " Opening index.html over file:// won't work.\n"
  )
)
process.exit(0)

欢迎大家评论区指正。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值