非法嵌套：内容不能在％div的同一行上给出，并嵌套在它内部

因此，我使用云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

来源

2017-12-27 iiRosie1

哪一行是错误？ – CherryPlaysRoblox

@CherryPlaysRoblox哦谢谢提醒，我编辑。它在线16上'.collapse.navbar-collapse＃bs-navbar-collapse-1' – iiRosie1

这是因为你有一个的link_to，然后你在里面筑巢。检查this answer here并尝试更改您的代码。另外，如果你正在学习一个教程，请检查他们的代码，看看他们是否也有错误。

来源

2017-12-27 16:09:38 CherryPlaysRoblox

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

@ iiRosie1内容不能在同一行，并在其中。该错误还解释了你做错了什么。 – CherryPlaysRoblox

解决方案 我做的是缩进不正确。所以我回去检查了每个缩进是如何应该的。现在代码如下所示：

%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

来源

2017-12-27 16:13:43 iiRosie1

非法嵌套：内容不能在％div的同一行上给出，并嵌套在它内部

回答

相关问题