2

好的，所以我在assets/images/icons中有一个名为icons的子目录。

在我使用 sass 的 css 中，如果我这样做：

background: transparent image-url("mobile.png") no-repeat left center;

然后推送到heroku，它完美无缺，背景显示没有问题。

但如果我这样做：

background: transparent image-url("icons/mobile.png") no-repeat left center;

背景根本没有出现。

到目前为止我发现了什么：

  • 我的 css 中所有显示图像的背景 url（不在子目录中的）都是/assets/mobile-circle-header-fac4f74ae28c8147aaf9dbca8fb110e8.png
  • 子目录中未显示的图像就像/assets/icons/mobile.png没有摘要一样。
  • 当我通过 image_tag 调用它们时，子目录中的图像会显示在我的 html 中，因此问题必须与 sass 隔离。

如果您需要更多信息，请尽管询问。

谢谢！

编辑

当我将子目录重命名为“图标”以外的其他名称时，它可以工作：O，有什么想法吗？哈哈...

4

1 回答 1

1

哈 - 只是有同样的错误，这是因为Icon?在 ~/.gitignore_global 中。我一定是这样添加的，操作系统生成的文件就是注释。

注意 - 您可以查看 heroku 上的资产预编译目录

$ heroku run bash
$ ls public/assets

查看您的资产是否已编译。默认情况下，应添加所有图像子目录。这可能有助于确定是否存在其他问题。

于 2015-03-05T16:29:29.117 回答