HarmonyOS 鸿蒙Next webview加载本地vue3+vite打包资源无法显示,但vue2打包资源可以

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next webview加载本地vue3+vite打包资源无法显示,但vue2打包资源可以

cke_235.png

照着官方文档来的,显示白屏,不知道因为啥原因。

cke_8207.png

这是vue3的config配置,请各位大佬帮忙分析一下问题所在🙏🙏🙏


更多关于HarmonyOS 鸿蒙Next webview加载本地vue3+vite打包资源无法显示,但vue2打包资源可以的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

有具体报错吗?

先按照按照如下方式排查

  1. 若加载在线页面,需要确保手机为联网状态且网络畅通。
  2. 访问在线页面时,应用需要添加网络权限ohos.permission.INTERNET
  3. 确认fileAccessimageAccessonlineImageAccess等权限为开启状态,以加载相关资源。

如果以上条件均满足,可以根据HTML的报错信息进行调试。

如果仍然出现白屏,可能是页面代码问题,开发者可以使用浏览器打开对应页面验证页面是否存在问题,或者参考使用Devtools工具调试前端页面进行调试。

更多关于HarmonyOS 鸿蒙Next webview加载本地vue3+vite打包资源无法显示,但vue2打包资源可以的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next webview加载本地vue3+vite打包资源无法显示的问题,可能是由于vue3和vite的打包配置与鸿蒙webview的兼容性存在差异。具体来讲,vue3和vite在打包时可能会生成一些鸿蒙webview无法正确解析的资源或配置。

一种可能的解决方案是检查vite的打包配置,特别是关于publicPath和base的配置。确保这些配置与鸿蒙webview的资源加载路径相匹配。此外,也可以尝试调整vue3项目的构建配置,例如修改outputDir和assetsDir等,以确保生成的资源文件能够被鸿蒙webview正确加载。

同时,需要确认鸿蒙webview是否支持现代前端框架和工具链的最新特性。如果鸿蒙webview的兼容性有限,可能需要考虑使用兼容性更好的技术栈或进行针对性的适配工作。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html 。在此页面上,你可以找到专业的客服团队,他们将为你提供更具体的帮助和指导。请确保提供详细的错误信息和相关日志,以便客服团队能够快速定位并解决问题。

回到顶部