在Static_pages中的Sass :: SyntaxError #home Hatrl的tuorial

我正在研究Michael Hartl Rails教程（目前第7章）。 当我尝试运行服务器时，会显示以下消息：

Sass::SyntaxError in Static_pages#home Showing C:/rails_project/sample_app/app/views/layouts/application.html.erb where line #5 raised: Invalid CSS after "}": expected "}", was "" (in C:/rails_project/sample_app/app/assets/stylesheets/custom.css.scss) Extracted source (around line #5): 2:  3:  4:  5:  6:  7:  8:  Rails.root: C:/rails_project/sample_app Application Trace | Framework Trace | Full Trace app/assets/stylesheets/custom.css.scss:104 app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb___917874405_26658636' 

来自application.html.erb的代码：

我不知道问题出在哪里。 错误消息似乎不足以在aplication.html.erb中存在代码。 有人有线索吗？

Answer 1

错误发生在您的样式表中：

应用程序/资产/样式表/ custom.css.scss

您的应用使用的是Sass（http://sass-lang.com），上面列出的文件存在问题。 修复.scss错误，错误消息将消失。 不幸的是，它似乎没有在.scss文件中提供错误的行号。

Answer 2

我在执行本教程时遇到了相同的错误消息。

我意识到我省略了一个; 在custom.css.scss的第一行代码的末尾

代替：

 @import "bootstrap" 

它需要是：

 @import "bootstrap"; 

Answer 3

我猜你使用saas，因为你使用的是css“{}”。 在saas我们不使用。 你的saas将被解析并编译成css。 对于解析saas遵循不同的语法。 在这里，我将演示saas的一个例子

 .head width: 100% .in.out width: 50% 

请注意上面的语法。 这意味着在元素上使用类“head”应用宽度100％ ，如果在“.head”中找到类“in”和“out”的元素，则宽度应为50％ 。 另请注意，用于缩进的空格应该相同，并且在“property：”之后给出一个空格

错误的方法

 width:100% 

正确的方法

 width: 100%