docs(readme): app 打包成apk运行,页面空白

This commit is contained in:
Burt 2024-01-04 20:32:42 +08:00
parent 79767f101a
commit 685280b75d
4 changed files with 17 additions and 3 deletions

View File

@ -53,8 +53,22 @@
- web平台 `pnpm build:h5`,打包后的文件在 `dist/build/h5`可以放到web服务器如nginx运行。如果最终不是放在根目录可以在 `vite.config.ts``base` 属性进行配置。[vite官网](https://cn.vitejs.dev/config/shared-options.html#base) - web平台 `pnpm build:h5`,打包后的文件在 `dist/build/h5`可以放到web服务器如nginx运行。如果最终不是放在根目录可以在 `vite.config.ts``base` 属性进行配置。[vite官网](https://cn.vitejs.dev/config/shared-options.html#base)
![vite.base](./screenshots/vite-base.png) ![vite.base](./screenshots/vite-base.png)
- weixin平台`pnpm build:h5`, 打包后的文件在 `dist/build/mp-weixin`,然后通过微信开发者工具导入,并点击右上角的“上传”按钮进行上传。 - weixin平台`pnpm build:h5`, 打包后的文件在 `dist/build/mp-weixin`,然后通过微信开发者工具导入,并点击右上角的“上传”按钮进行上传。
-app: 需要配置 `manifest.json`有3个地方需要填如下图
## app 打包成apk运行页面空白
- `pnpm build:app`
- **注意app运行完后不支持本地跑就是说HBuildX打开生成的app文件夹也跑不了**
- 需要配置 `manifest.json`有3个地方需要填如下图
![app打包](./screenshots/build-app.png) ![app打包](./screenshots/build-app.png)
然后打开HBuildX--发行--原生APP云打包然后出现如下图按图填写即可。 - 然后打开HBuildX--发行--原生APP云打包然后出现如下图按图填写即可。
![app打包](./screenshots/build-app2.png),打包成功如下图 ![app打包](./screenshots/build-app2.png)
- 打包成功如下图
![app打包成功](./screenshots/build-app-success.png) ![app打包成功](./screenshots/build-app-success.png)
- 生成的apk路径
![app打包成功路径](./screenshots/build-app-success2.png)
- 运行报错如下图
![apk运行报错](./screenshots/run-app-error.png)
- 官方链接:[https://ask.dcloud.net.cn/article/35627](https://ask.dcloud.net.cn/article/35627)
- 安装历史版本的HBuildX: [https://hx.dcloud.net.cn/Tutorial/HistoryVersion](https://hx.dcloud.net.cn/Tutorial/HistoryVersion)然后在百度云盘里面下载下载HBuildX3.8.12的因为本地的cli对应的HBuildX版本为3.8.12
- 使用刚下载的旧版HBuildX云打包一切顺利但是最终打包的apk在手机安装后运行出来的是白屏除了tabbar啥都么有郁闷PStabbar可以切换但是都是空白页面
![APP运行页面空白](./screenshots/run-app-error2.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB