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之后就会出现找不到资源导致显示错误

猜你喜欢

转载自blog.csdn.net/qq_31384551/article/details/80885231