3***@qq.com
3***@qq.com
  • 发布:2020-04-02 09:16
  • 更新:2020-10-14 16:17
  • 阅读:2944

【报Bug】新版本uniapp打包H5图片位置错误

分类:HBuilderX

详细问题描述

最新版H5打包uniapp,图片路径编译成了这个/pages/index/static/img,正常应该就是./static/img,图片都显示不出来

[内容]
图片部分代码为
index.vue下面
<image src="@/static/logo.jpg" mode="widthFix" style="width: 10vw;margin-left: 2vw;"></image>

编译的配置文件为

"h5" : {
"publicPath" : "./",
"title" : "xxxxxx",
"router" : {
"mode" : "hash",
"base" : ""
},
[步骤]

点击发布H5之后

[结果]

图片路径编译成了这个/pages/index/static/img
以前打包都是/static/img这个

[期望]
现版本如何打包出来图片正常显示
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

HBuilderX最新版,uniapp非v3编译
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]
win10
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2020-04-02 09:16 负责人:无 分享
已邀请:
融化成冰

融化成冰

请问这个解决了吗?

  • r***@163.com

    把图片的路径写到data里去,然后使用的时候用:src="",这种方式就行了

    2020-04-20 20:32

r***@163.com

r***@163.com

把图片的路径写到data里去,然后使用的时候用:src="",这种方式就行了

程咬金3斧头

程咬金3斧头

坑爹的很,现在版本的打包后,把图片移动了img目录,生成了带hash的新图片,原本的图片路径被改了

l***@hotmail.com

l***@hotmail.com

是的,并且还不需要require,直接写成字符串相对路径即可
但是我还是不知道为什么?
------update---------
其实只需要把相对路径去掉,或者@去掉即可,html中的图片路径直接写成/static/+自己的文件路径,写在data里面实在太麻烦了

1***@163.com

1***@163.com - 一个平凡的码农

我也碰到了同样的问题,写在data里require(...)路径就不对,后来直接写src="..."就可以了

米斯特肖

米斯特肖 - 分享,让优质脱颖而出。

ccccc

该问题目前已经被锁定, 无法添加新回复