Question

我正在开发一个Ionic 3应用程序。它有一些自定义样式，一些图像通过scss作为背景实例化。事实上，当我在本地（离子发球）上运行时，它运作得很好。但是当我构建一个apk并在我的手机上运行时，图像就消失了。

我已经调试了它，然后转动那些图像文件，但它们上面没有图像。

这是一段scss：

&:nth-child(3) {
        border-right:none;
        padding-top: 28px;
        background: url('../../../assets/imgs/tabs/more-tab.png') no-repeat center 4px;
        background-size: 20px 20px;
      }

当我从chrome检查应用程序时，我可以在sources选项卡上看到图像文件。但它没有预览。

我一直在研究，发现只有相对/绝对路径变通方法（没有效果）。实际上，如果我改变图像路径，它甚至不会被加载到apk中。

知道为什么会这样吗？

Answer 1

我利用app.scss中的背景图片，以及在web / ios / android上为我工作。我认为相对路径应该与www/build的输出结构（而不是代码目录结构）相关。所以也许只试用1 ../

background: url("../assets/img/truck.png") no-repeat;

Answer 2

因此，为了使用离子服务和构建来加载图像，图像路径必须是这样的：

../assets/path-to-image

希望这有助于其他人

Ionic 3图像未在设备上显示

2 个答案: