Ionic避坑指南-001

Ionic资源路径问题(ionic3),ionic打包后找不到图片

举例,资源路径,图片

<img src="assets/imgs/timeicon.png" style="width: 1rem;">


在html中,不要加任何  ../  之类的相对路径,直接写www下的资源路径,绝对路径

.no-news{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../assets/imgs/main/no-news.png");
}

在scss中,需要加  ../  ,依然是www下的资源路径,也是绝对路径,但是要加  ../  

注意:如果在浏览器测试,路径不管加 ../ 或者不加都是没哟问题的,都能正常访问,但是打包成apk之后就会出现找不到资源导致显示错误
 

转载于:https://my.oschina.net/u/133911/blog/2873328

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值