1.Hbuild新建一个项目,取名我叫app

Vue项目利用Hbuild打包成apk安装包/白屏问题

 

选择5+App,模板选择默认

 

2.vue项目(白屏问题

a.config 文件夹下的index.js文件改成:assetsPublicPath: './',

(dev下的不用改)

Vue项目利用Hbuild打包成apk安装包/白屏问题

 

b.src里边router/index.js路由配置里边默认模式是hash,如果是history模式,打开会出现空白页。所以mode模式改为hash或者直接把模式配置删除,让它默认的就行 。

Vue项目利用Hbuild打包成apk安装包/白屏问题

 

 

 

c.打包命令:npm run build  生成dist文件夹

Vue项目利用Hbuild打包成apk安装包/白屏问题

 

3.把dist文件夹下的所有资源复制到刚刚新建的Hbuild项目app下,目录结构如下:

 Vue项目利用Hbuild打包成apk安装包/白屏问题

 

 

4.配置manifest.json文件相关打包的配置

5.进行打包:发行--原生APP-云打包(安卓包选择这几项不需要证书)

Vue项目利用Hbuild打包成apk安装包/白屏问题

 

点击打包,五分钟左右打包完成。此时unpackage目录下面的apk文件夹里便是可以安装的安装包了。

 

相关文章:

  • 2022-12-23
  • 2021-09-02
  • 2021-07-15
  • 2022-12-23
  • 2021-08-21
  • 2022-12-23
  • 2021-05-29
猜你喜欢
  • 2022-12-23
  • 2021-04-21
  • 2021-05-16
  • 2021-11-18
  • 2022-12-23
  • 2021-05-14
相关资源
相似解决方案