首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带雪碧的NoMethodError (罗盘+ Rails)

带雪碧的NoMethodError (罗盘+ Rails)
EN

Stack Overflow用户
提问于 2013-07-22 18:50:45
回答 2查看 565关注 0票数 0

编辑:,我现在觉得很蠢。原来问题出在我的global.scss上:

代码语言:javascript
运行
复制
.settings{
    @include site-icons-sprites(settings);
}

而不是网站图标-精灵,我把网站图标-精灵,它的工作,如预期的。

我试图在Rails应用程序中使用sprites和Compass,但是我一直收到以下错误:

代码语言:javascript
运行
复制
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

我在一个文件夹中有两个18x18px图像,名为app>assets> images >site图标,名为settings.png和search.png。我的代码如下:

来自模块/_sprites.scss:

代码语言:javascript
运行
复制
@import "site-icons/*.png";
@include all-site-icons-sprites;

来自global.scss:

代码语言:javascript
运行
复制
.settings{
    @include site-icons-sprites(settings);
}

从我的头文件:

代码语言:javascript
运行
复制
<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文件:

代码语言:javascript
运行
复制
/* 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;
}

以前有人经历过这种事吗?有什么原因吗?

EN

回答 2

Stack Overflow用户

发布于 2013-07-22 18:57:55

我现在觉得很蠢。原来问题出在我的global.scss上:

代码语言:javascript
运行
复制
.settings{
    @include site-icons-sprites(settings);
}

而不是网站图标-精灵,我把网站图标-精灵,它的工作,如预期的。

票数 0
EN

Stack Overflow用户

发布于 2016-11-04 11:34:09

如果您的图像名称中有一次以数字开头,也会发生这种情况。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17795168

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档