不正なネスティング：コンテンツを％divと同じ行に指定することはできず、その中にネストされたコンテンツは使用できません。

Question

したがって、私はクラウド9エディタを使用してInstagramのようなページを作成しています。テンプレートはレール上のルビーですが、このファイルにはHAMLも使用しています。アプリケーションを実行するとエラーが表示されます。不正なネスティング：コンテンツを％divと同じ行に指定することはできません。そしてその前に、字下げが間違っていたというエラーがありました。 1つの質問は、タブまたはスペースを使用する必要がありますか？私の2番目の質問は、この問題を解決する方法です。「不正な入れ子：コンテンツを％divと同じ行に指定することはできません。エラーは16行目にあります：.collapse.navbar-collapse#bs-navbar-collapse-1ありがとうございます！以下は

は私application.html.hamlです：

%html 
%head 
    %title Photogram 
    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true 
    = javascript_include_tag 'application', 'data-turbolinks-track' => true 
    = csrf_meta_tags 
%body 
    %nav.navbar.navbar-default 
    .navbar-container 
    .navbar-header 
    %button.navbar-toggle.collapsed{"data-target" => "#bs-navbar-collapse-1", "data-toggle" => "collapse", type: "button"} 
    %span.sr-only Toggle Navigation 
    %span.icon-bar 
    %span.icon-bar 
    .navbar-brand= link_to "Photogram", root_path 
     .collapse.navbar-collapse#bs-navbar-collapse-1 
     %ul.nav.navbar-nav.navbar-right 
     %li 
     = link_to "New Post", new_post_path 
     %li 
     = link_to "Login", '#' 
     %li 
     = link_to "Register", '#' 

    .container 
    = yield 

Answer 1

あなたはのlink_toを持っているので、それはだ、とあなたは内部のネストしています。 this answer hereを確認し、コードを変更してください。また、チュートリアルに従っている場合は、コードをチェックしてエラーが発生するかどうかを確認してください。

Answer 2

解決策 インデントが正しくないとしました。そこで、私は戻って、各インデントがどのようになっているのかを確認しました。コードは次のようになります。

%html 
%head 
    %title Photogram 
    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true 
    = javascript_include_tag 'application', 'data-turbolinks-track' => true 
    = csrf_meta_tags 
%body 
    %nav.navbar.navbar-default 
    .navbar-container 
     .navbar-header 
     %button.navbar-toggle.collapsed{"data-target" => "#bs-navbar-collapse-1", "data-toggle" => "collapse", type: "button"} 
      %span.sr-only Toggle Navigation 
      %span.icon-bar 
      %span.icon-bar 
     .navbar-brand= link_to "Photogram", root_path 
     .collapse.navbar-collapse#bs-navbar-collapse-1 
     %ul.nav.navbar-nav.navbar-right 
      %li 
      = link_to "New Post", new_post_path 
      %li 
      = link_to "Login", '#' 
      %li 
      = link_to "Register", '#' 

    .container 
    = yield