Ionic資源路徑問題(ionic3),ionic打包後找不到圖片【避坑指南】

NO IMAGE

舉例,資源路徑,圖片

<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之後就會出現找不到資源導致顯示錯誤