Question

编辑：我现在感觉很蠢。事实证明问题出在我的global.scss：

.settings{
    @include site-icons-sprites(settings);
}

我没有使用site-icons-sprite，而是放入了site-icon-sprite，它按预期工作。

我正在尝试在Rails应用程序中使用带有Compass的精灵，但我一直收到以下错误：

NoMethodError on line ["100"] of /usr/local/rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/lib/compass/sass_extensions/functions/sprites.rb: undefined method `parent' for nil:NilClass

我在名为app＆gt; assets＆gt; images＆gt; site-icons的文件夹中有两个18x18px图片，名为settings.png和search.png。我的代码如下：

来自modules / _sprites.scss：

@import "site-icons/*.png";
@include all-site-icons-sprites;

来自global.scss：

.settings{
    @include site-icons-sprites(settings);
}

来自我的标题文件：

<li class="has-dropdown">
    <%= current_user.display_name %> 
    <span class="settings"> </span>

    <ul class="dropdown">
        <li><%= link_to "Profile", current_user %></li>
        <li><%= link_to "Dashboard", :root %></li>
        <li><%= link_to "Logout", signout_path %></li>
        <li>
    </ul>
</li>

从我编译的application.css文件：

/* line 50, site-icons/*.png */
.site-icons-sprite, .site-icons-gear, .site-icons-search, .settings .site-icons-gear, .settings .site-icons-search {
  background: url(/assets/site-icons-sd9044365e4.png) no-repeat;
}

/* line 60, ../../../../../../usr/local/rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.site-icons-gear {
  background-position: 0 -20px;
}

/* line 60, ../../../../../../usr/local/rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.site-icons-search {
  background-position: 0 0;
}

以前有没有人经历过这个？什么可能导致它的想法？

Answer 1

我现在感觉很蠢。事实证明问题出在我的global.scss：

.settings{
    @include site-icons-sprites(settings);
}

我没有使用site-icons-sprite，而是放入了site-icon-sprite，它按预期工作。

Answer 2

如果您的图像名称中的一个以数字

开头，也会发生这种情况

带精灵的NoMethodError（指南针+轨道）

2 个答案: