码迷,mamicode.com
首页 > 其他好文 > 详细

ionic 3 build后图片无法显示

时间:2018-07-17 14:27:20      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:登录   class   目录   ova   text   生成   项目   运行命令   for   

运行命令

ionic cordova build android

生成了android-debug.apk.

/home/han/project/zero_app/platforms/android/build/outputs/apk/debug/android-debug.apk

在真机上安装完之后,打开发现登录的背景图片没有正常显示出来(之前ionic serve和ionic cordova run android -lc命令都是正常显示的),一番查资料后发现跟cordova打包机制有关系,打开项目根目录下的www文件夹,如下图

技术分享图片

最后我们得出结论:

  1. 图片路径在.html文件中设置,应为
    <img src="assets/imgs/logo.png">
    

      

  2. 图片路径在.scss文件中设置,应为
    background-image: url(../assets/imgs/logo.png);   
    

      

ionic 3 build后图片无法显示

标签:登录   class   目录   ova   text   生成   项目   运行命令   for   

原文地址:https://www.cnblogs.com/hanshuai/p/9322784.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!