2017-12-27 361 views
2

因此,我使用雲9編輯器製作類似Instagram的頁面。模板在rails上是ruby,但我也使用HAML來處理這個文件。一旦我運行我的應用程序,我得到一個錯誤:非法嵌套:內容不能在%div的同一行上給出並嵌套在它內。在此之前有一個錯誤,稱縮進不正確。一個問題是我應該使用製表符還是空格?我的第二個問題是如何解決這個問題「非法嵌套:內容不能在%div的同一行上給出並嵌套在其中」?錯誤是在第16行:.collapse.navbar-collapse#bs-navbar-collapse-1在此先感謝!非法嵌套:內容不能在%div的同一行上給出,並嵌套在它內部

下面是我的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 
+0

哪一行是錯誤? – CherryPlaysRoblox

+0

@CherryPlaysRoblox哦謝謝提醒,我編輯。它在線16上'.collapse.navbar-collapse#bs-navbar-collapse-1' – iiRosie1

回答

0

這是因爲你有一個的link_to,然後你在裏面築巢。檢查this answer here並嘗試更改您的代碼。另外,如果你正在學習一個教程,請檢查他們的代碼,看看他們是否也有錯誤。

+0

???我不明白你的意思,但它現在起作用了。 – iiRosie1

+0

@ iiRosie1內容不能在同一行,並在其中。該錯誤還解釋了你做錯了什麼。 – CherryPlaysRoblox

0

解決方案 我做的是縮進不正確。所以我回去檢查了每個縮進是如何應該的。現在代碼如下所示:

%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