ionic 3 build后图片无法显示

Posted hanshuai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic 3 build后图片无法显示相关的知识,希望对你有一定的参考价值。

运行命令

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后图片无法显示的主要内容,如果未能解决你的问题,请参考以下文章

由于这个奇怪的问题,无法运行 ionic 3 build

Ionic 3 Android Failed Build Manifest 合并失败

Ionic 3 - 使用 --prod 标志运行时,sqlite 显示“无法读取 openDatabase 的属性”的错误

phonegap build + phonegap-cli + ionic 图标

## 项目上线后背景图片不显示

Ionic App 在启动画面后显示白屏