<image :src="require('xxx/xxx.png')" />
gaogeek
- 发布：2024-05-13 15:47
- 更新：2024-07-19 16:34
- 阅读：585
【报Bug】hbuilderx 4.0.8 之后版本。打包h5。<image :src="require('xxx/xxx.png')" 图片大于5K，图片不显示。<img 原生组件显示正常
分类：uni-app
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.15
浏览器平台： Chrome
浏览器版本： 124
项目创建方式： HBuilderX
操作步骤：
预期结果：
大于5K的图片可以显示正常
大于5K的图片可以显示正常
实际结果：
大于5K，不被内联base64的图片显示不出来
大于5K，不被内联base64的图片显示不出来
bug描述：
hbuilderx 4.0.8 之后包括 4.15 最新版本。打包h5。<image :src="require('xxx/xxx.png')" 图片大于5K，图片不显示。<img 原生组件显示正常。已100%确认是bug，并且有多人提出相同bug。暂无官方回应。
hbuilderx 3.8 测试，正常，不存在此问题。
具体查看：
https://issues.dcloud.net.cn/pages/issues/detail?id=1984
最佳回复
如果vue2项目配置了h5->router->base为./，导致部分图片不显示，临时解决方案，下载附件中的文件，覆盖
HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-h5/dist/index.umd.min.js
使用4.15测试未发现问题，可以提交一个测试工程
-
4.15的bug是真的多，每次启动一个页面都是新打开一个浏览器就不能在已打开的浏览器钟打开吗，还有我想单独运行某一个页面结果跑到浏览器上就是首页并不是我想打开的那个页面，还有现在每次打开他都在循环打开首页这是写了个死循环？
2024-05-13 16:17
-
gaogeek (作者)
这是别人提的类似问题。https://issues.dcloud.net.cn/pages/issues/detail?id=1570
嗯。我整理个空工程复现此问题。到时候下载包发这里
是在manfiest.json中配置了h5->router->base: './' 引发的。目前是必须配置为./吗？
-
gaogeek (作者)
主要是有很多hbuilder 3.x 新建的项目。可能会存在 h5 相关的配置。如果升级 4.x 了。会大面积出现图片不显示的问题。并且很难排查，考虑到uniapp 的影响力和使用者数量。这个影响范围估计会很广
2024-05-13 17:07
gaogeek (作者)
这个我发现了。把项目的 h5 配置。移动到新建项目内，复现了问题。目前的配置是模板项目带的，移除担心出现问题。因为可能会修改路径。我理解的这块的配置不应该影响打包。应该是image 组件 哪个地方判断出现了bug。
gaogeek (作者)
好的，非常感谢。大概哪个版本正式修复此问题
2024-05-13 17:14
DCloud_UNI_FengXY
回复 gaogeek: 4.18会带上此修复
2024-05-13 17:16
gaogeek (作者)
回复 DCloud_UNI_FengXY: 给大佬点个赞。响应非常及时。感谢感谢
2024-05-13 17:19