Meituan-Dianping / mpvue

基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
http://mpvue.com
MIT License
20.42k stars 2.07k forks source link

components目录下img路径问题 #793

Closed KeeepTrying closed 6 years ago

KeeepTrying commented 6 years ago

components目录下有个通用组件TopBar <img class="cs-img" src="../assets/img/customservice.png"/> 有时报错:Failed to load local image resource /pages/assets/img/home/icon-star-tag.png the server responded with a status of 404 (HTTP/1.1 404 Not Found) 有时不报错,但是不显示图标

<img class="cs-img" src="/assets/img/customservice.png"/> 用绝对路径就可以了。

为啥在pages下可以用相对路径,components不行?#785 @aOrz

li1224632854 commented 6 years ago

我也遇到问题 components写的组件里面引入的图片 打包生成

image

到了wx开发工具上面 就变成了 image

aOrz commented 6 years ago

@LiAo0821 mpvue-loader 版本是多少,是 1.1.2-rc.2 ?

aOrz commented 6 years ago

@jpdan 小程序的 template 好像不能引用相对路径,+ mpvue-loader@1.1.2-rc.3 将生成的 wxml 中路径改成绝对路径了。。

li1224632854 commented 6 years ago

1.1.2-rc.2

aOrz commented 6 years ago

@LiAo0821 能提供个 demo 吗,先升级下 mpvue-loader@1.1.2-rc.3 再试试

li1224632854 commented 6 years ago

升级到 mpvue-loader@1.1.2-rc.3 绝对路径引入没有问题了

li1224632854 commented 6 years ago

image 更新了以后 wxParse 出问题了

打包后生成的 image

KeeepTrying commented 6 years ago

@aOrz 原生小程序template中image是可以用相对路径的 image image

KeeepTrying commented 6 years ago

@aOrz 升级到rc.3,在components下可以使用相对路径了 image ?????

aOrz commented 6 years ago

@jpdan mpvue-loader@1.1.2-rc.3 将生成的 wxml 里面的路径改成了绝对路径