离子3图像打破生产

时间:2017-11-03 16:44:44

标签: ionic3

我有这个代码在本地工作:

  background-image: url('/assets/images/board.png');

但不是生产: https://play.google.com/store/apps/details?id=mind.your.maths&hl=en_GB 图像根本不显示。看起来问题只出在css上,没有遇到同一文件夹上的html图像的任何问题

2 个答案:

答案 0 :(得分:1)

对于离子项目sass文件,您必须引用相对于父目录的资源。与应用程序在设备上的打包方式有关。

background-image: url('../assets/images/board.png');

答案 1 :(得分:0)

我也面临同样的问题。最后我找到了解决方案离子应用程序是单页面应用程序,所以一切都在index.html页面中呈现。

我已经在index.html页面上给出了src路径,现在它正在运行。

示例:

来自任何html文件的相对路径:

./assets/yourpath

来自任何css文件的相对路径:

../assets/yourpath