uni-app 打包H5一直编译中

uni-app 打包H5一直编译中

操作步骤:

  • 每次重启电脑第一次可以打包,重启编辑器都不行,编辑器打开状态什么都不操作,发行H5就会一直编译。

预期结果:

  • 得到发行文件

实际结果:

bug描述:

  • 编辑器4.08 / 4.13都会这样
信息类别 详细信息
产品分类 uniapp/H5
PC开发环境 Windows
PC开发环境版本 win10 64
HBuilderX类型 正式
HBuilderX版本 4.08
浏览器平台 微信内置浏览器
浏览器版本 3.9.10
项目创建方式 HBuilderX

image


更多关于uni-app 打包H5一直编译中的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

目前排查到原因:插件ucharts有个文件过大730KB,删掉可以正常打包。

更多关于uni-app 打包H5一直编译中的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 打包 H5 时遇到一直编译中的问题,可能是由于多种原因导致的。以下是一些常见的排查和解决方法:


1. 检查网络环境

  • 如果项目依赖了外部资源(如 npm 包、CDN 资源等),网络不稳定可能导致编译卡住。
  • 确保网络连接正常,可以尝试切换网络环境。

2. 清理缓存

  • 清理 uni-app 编译缓存,尝试重新编译。
npm run clean
# 或者
rm -rf node_modules
rm -rf unpackage
rm -rf dist
npm install

3. 检查依赖包

  • 确保 package.json 中的依赖包版本正确,没有冲突。
  • 如果最近更新了依赖包,可以尝试回退到之前的稳定版本。
  • 重新安装依赖包:
    npm install
    

4. 检查代码

  • 某些代码可能会导致编译卡住,比如死循环、大量未处理的图片或资源。
  • 检查是否有未正确加载的静态资源,或者代码中是否有性能问题。

5. 编译配置

  • 检查 vue.config.jsmanifest.json 中的 H5 配置是否正确。
  • 确保 h5 配置中没有错误的路径或参数。

6. 查看日志

  • 打开命令行或编译工具的日志,查看是否有错误信息。
  • 如果有报错,根据错误信息进一步排查问题。

7. 升级 uni-app 版本

  • 如果是 uni-app 的 bug,可以尝试升级到最新版本。
npm update [@dcloudio](/user/dcloudio)/uni-cli

8. 尝试手动打包

  • 如果 HBuilderX 工具卡住,可以尝试使用命令行手动打包:
npm run build:h5
回到顶部