独立开发者磊子
独立开发者磊子
  • 发布:2023-07-06 21:38
  • 更新:2023-07-06 21:40
  • 阅读:323

【报Bug】分包的情况下,H5 和小程序加载子包下的 static 图片写法不兼容

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: latest

浏览器平台: Chrome

浏览器版本: 100

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3080720230627002

示例代码:
  <!-- #ifdef MP-WEIXIN -->  
  <image  
    class="wd-w-256r wd-h-117r wd-absolute wd-right-12r wd-top-12r"  
    src="/sub_pages/static/image/vip-opacity.png"  
  />  
  <!-- #endif -->  

  <!-- #ifndef MP-WEIXIN -->  
  <image  
    class="wd-w-256r wd-h-117r wd-absolute wd-right-12r wd-top-12r"  
    src="/static/image/vip-opacity.png"  
  />  
  <!-- #endif -->

操作步骤:

FYI

预期结果:

只引入子包下图片

实际结果:

H5 和 小程序需要用不同的资源引入方式

bug描述:

在 cli 项目 vue3 、分包的情况下,如果子包要加载子包下的 static 目录中的图片,目前 H5 需要用相对路径 (但是微信小程序真机上会找不到路径,模拟器上可以)。所以需要用如图中的方案做按需引入,就很麻烦。

之前没探索出来 H5 可以用相对路径,还专门复制了一份图片到主包下

"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3080720230627002",
"@dcloudio/uni-h5": "3.0.0-alpha-3080720230627002",
"vite": "^4.3.9"

2023-07-06 21:38 负责人:无 分享
已邀请:
独立开发者磊子

独立开发者磊子 (作者)

类似问题:

https://ask.dcloud.net.cn/question/167662
https://ask.dcloud.net.cn/question/171830

要回复问题请先登录注册