如何将Vue项目通过Hbuilder打包成APP，遇到哪些需要改写的难题？

本文共计1329个文字，预计阅读时间需要6分钟。

1. 打包项目及遇到的坑，提前说明下，避免重复工作。 1.1 打包的app出现白屏。 原因：路径不对，需要修改config/index.js。 解决办法：修改打包路径。

1.2 点击页面跳转不成功，报错Loading。 原因：可能是因为路由配置错误。 解决办法：检查并修正路由配置。

1.打包项目

期间遇到的坑，提前说下，避免重复工作。

1.1打包的app出现白屏。

出现原因：路径不对，需要改config\index.js

解决办法：修改打包的路径。

1.2点击页面跳转不了，报 Loading chunk 2 failed. 等错误。

出现原因：不能用history配置路由，要用hash

解决办法：修改路由mode属性为hash。

1.3.点手机物理按钮，直接退出程序。

出现原因：无理返回键直接用监听不到路由，会直接退出程序。

解决办法：可以引入mui，就能正常使用了。

1.在webpack.base.conf.js里面引入mui。（图一）

2.下载mui相关文件，在main.js里面引入。（若需要使用mui其他方法，请自行查阅资料）（图二）

3.这个时候，引入mui可能会报错，我们需要修改一些文件。