前端 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: './'

通过 http-server 对我项目没起作用

cd dist

npm install -g http-server

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

打包完成后强制退出成功解决找到打包配置文件（我的是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)

欢迎大家评论区指正。

精彩链接

评论可见，请评论后查看内容，谢谢！！！

您阅读本篇文章共花了：

金钥匙