Sass::SyntaxError 在访客中#new
Sass::SyntaxError in Visitors#new
我是 Ruby 的新手,渴望学习!我现在正在学习 capstone Rails tutorial book 1 中的教程,但遇到了一个小问题。我希望你们能够并且会帮助我。
我已经用 Zurb Foundation 做了一个应用程序,现在教程告诉我要测试它,但是我得到一个错误。我在 Google..
上找不到解决方案
我正在通过 Nitrous.io.
使用 Ruby 2.1.5
我会添加我看到的所有信息,如果不是这样,我很抱歉,但请告诉我,以便我将来改进!我们开始吧:
当我启动服务器并想要预览时,
我收到此错误:
**Sass::SyntaxError in Visitors#new**
*Showing /home/action/workspace/learn-rails/app/views/layouts/application.html.erb where line #7 raised:
Invalid CSS after "...ules: $modules ": expected "}", was "!global;"
(in /home/action/workspace/learn-rails/app/assets/stylesheets/framework_and_overrides.css.scss:13)*
4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 <title><%= content_for?(:title) ? yield(:title) : "Learn Rails" %></title>
6 <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "Learn Rails" %>">
7 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
8 <%# Modernizr is required for Zurb Foundation %>
9 <%= javascript_include_tag 'vendor/modernizr' %>
10 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
应用程序跟踪:
app/assets/stylesheets/framework_and_overrides.css.scss:2
app/views/layouts/application.html.erb:7:in '_app_views_layouts_application_html_erb___1613058967742566382_40390520'
编辑 5-1-014。这是在Framework_and_overrides.css.scss
// import the CSS framework
@import "foundation";
// override for the 'Home' navigation link
.top-bar .name {
font-size: rem-calc(13);
line-height: 45px; }
.top-bar .name a {
font-weight: normal;
color: white;
padding: 0 15px; }
// THESE ARE EXAMPLES YOU CAN MODIFY
// create mixins using Foundation classes
@mixin twelve-columns {
@extend .small-12;
@extend .columns;
}
@mixin six-columns-centered {
@extend .small-6;
@extend .columns;
@extend .text-center;
}
// create your own classes
// to make views framework-neutral
.column {
@include six-columns-centered;
}
.form {
@include grid-column(6);
}
.form-centered {
@include six-columns-centered;
}
.submit {
@extend .button;
@extend .radius;
}
// apply styles to HTML elements
// to make views framework-neutral
main {
@include twelve-columns;
background-color: #eee;
}
section {
@extend .row;
margin-top: 20px;
}
我通过更新 gemfile.lock 中的 sass-rails 然后 运行 捆绑更新解决了这个问题。
之后,错误消失了!
我是 Ruby 的新手,渴望学习!我现在正在学习 capstone Rails tutorial book 1 中的教程,但遇到了一个小问题。我希望你们能够并且会帮助我。
我已经用 Zurb Foundation 做了一个应用程序,现在教程告诉我要测试它,但是我得到一个错误。我在 Google..
上找不到解决方案
我正在通过 Nitrous.io.
使用 Ruby 2.1.5
我会添加我看到的所有信息,如果不是这样,我很抱歉,但请告诉我,以便我将来改进!我们开始吧:
当我启动服务器并想要预览时,
我收到此错误:
**Sass::SyntaxError in Visitors#new**
*Showing /home/action/workspace/learn-rails/app/views/layouts/application.html.erb where line #7 raised:
Invalid CSS after "...ules: $modules ": expected "}", was "!global;"
(in /home/action/workspace/learn-rails/app/assets/stylesheets/framework_and_overrides.css.scss:13)*
4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 <title><%= content_for?(:title) ? yield(:title) : "Learn Rails" %></title>
6 <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "Learn Rails" %>">
7 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
8 <%# Modernizr is required for Zurb Foundation %>
9 <%= javascript_include_tag 'vendor/modernizr' %>
10 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
应用程序跟踪:
app/assets/stylesheets/framework_and_overrides.css.scss:2
app/views/layouts/application.html.erb:7:in '_app_views_layouts_application_html_erb___1613058967742566382_40390520'
编辑 5-1-014。这是在Framework_and_overrides.css.scss
// import the CSS framework
@import "foundation";
// override for the 'Home' navigation link
.top-bar .name {
font-size: rem-calc(13);
line-height: 45px; }
.top-bar .name a {
font-weight: normal;
color: white;
padding: 0 15px; }
// THESE ARE EXAMPLES YOU CAN MODIFY
// create mixins using Foundation classes
@mixin twelve-columns {
@extend .small-12;
@extend .columns;
}
@mixin six-columns-centered {
@extend .small-6;
@extend .columns;
@extend .text-center;
}
// create your own classes
// to make views framework-neutral
.column {
@include six-columns-centered;
}
.form {
@include grid-column(6);
}
.form-centered {
@include six-columns-centered;
}
.submit {
@extend .button;
@extend .radius;
}
// apply styles to HTML elements
// to make views framework-neutral
main {
@include twelve-columns;
background-color: #eee;
}
section {
@extend .row;
margin-top: 20px;
}
我通过更新 gemfile.lock 中的 sass-rails 然后 运行 捆绑更新解决了这个问题。 之后,错误消失了!