1

私はMichaelHartlRailsチュートリアル（現在は第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: <html>
3:   <head>
4:     <title><%= full_title(yield(:title)) %></title>
5:     <%= stylesheet_link_tag    "application", media: "all" %>
6:     <%= javascript_include_tag "application" %>
7:     <%= csrf_meta_tags %>
8:     <%= render 'layouts/shim' %>    

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からのコード：

<!DOCTYPE html>
<html>
  <head>
    <title><%= full_title(yield(:title)) %></title>
    <%= stylesheet_link_tag    "application", media: "all" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
    <%= render 'layouts/shim' %>    
  </head>
  <body>
    <%= render 'layouts/header' %>
    <div class="container">
      <%= yield %>
      <%= render 'layouts/footer' %>
      <%= debug(params) if Rails.env.development? %>
    </div>
  </body>
</html>

どこに問題があるのか​​わかりません。エラーメッセージは、aplication.html.erbに存在するコードには不十分のようです。誰か手がかりを得ましたか？

4

3 に答える 3

1

エラーはスタイルシートにあります:

アプリ/アセット/スタイルシート/custom.css.scss

あなたのアプリは Sass (http://sass-lang.com) を使用しており、上記のファイルに問題があります。.scss エラーを修正すると、エラー メッセージが表示されなくなります。残念ながら、その .scss ファイル内で誤った行番号が表示されることはないようです。

于 2012-09-13T04:10:21.000 に答える
0

あなたは saas を使用していて、その中で css "{}" を使用していると思います。saas では使用しません。SaaS が解析され、CSS にコンパイルされます。解析するために、saas は異なる構文に従います。ここでは、saas の例を示します。

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

上記の構文に注意してください。ここでは、クラス"head" を持つ要素に幅 100%を適用することを意味し、クラス"in" および "out" を持つ要素が ".head"にある場合、幅 50%を持つ必要があります。また、インデントに使用されるスペースは同じである必要があり、「プロパティ:」の後に単一のスペースを指定する必要があることに注意してください

進入禁止

width:100%

正しい方法

width: 100%
于 2012-09-13T04:49:23.443 に答える