Ionic避坑指南-001

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

举例,资源路径,图片css

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


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

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

在scss中,须要加  ../  ,依然是www下的资源路径,也是绝对路径,可是要加  ../  浏览器

注意:若是在浏览器测试,路径无论加 ../ 或者不加都是没哟问题的,都能正常访问,可是打包成apk以后就会出现找不到资源致使显示错误
 ionic