Rails 4.1 Sass::SyntaxError in Pages#home答案

【问题标题】：Rails 4.1 Sass::SyntaxError in Pages#homeRails 4.1 Sass::SyntaxError in Pages#home
【发布时间】：2015-04-06 03:58:55
【问题描述】：

尝试向我的 Rails 应用程序 background: url('../img/dot-matrix.svg') 50% 0% repeat-y #fff; 添加背景图像，但出现错误 `Invalid CSS after "...ath 'dot-matrix": expected ")", is ".svg' %>') 50% ……”

复制了assets/images目录下的dot-matrix.svg文件

转到我的 css.scss 文件并将其更改为 background: url('<%= asset_path 'dot-matrix.svg' %>') 50% 0% repeat-y #fff;所以它会在我的 css.scss 文件中显示它

.dotmatrix {
    background: url('<%= asset_path 'dot-matrix.svg' %>') 50% 0% repeat-y #fff;
    height: 100%;
    background-size: 50%;
    width: 10%;
    position: absolute;
}

但出现错误Invalid CSS after "...ath 'dot-matrix": expected ")", was ".svg' %>') 50% ..."

application.html.erb

<!DOCTYPE html>
<html>
<head>
  <title>Oc</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>


<%= yield %>

</body>
</html>

【问题讨论】：

标签： javascript html css ruby-on-rails svg

【解决方案1】：

我想你忘了转义单引号。尝试使用这个

background: url('<%= asset_path "dot-matrix.svg" %>') 50% 0% repeat-y #fff;

【讨论】：