代码之家 › 专栏 › 技术社区 › iiRosie1

非法嵌套:内容不能与%div位于同一行,也不能嵌套在其中

haml ruby-on-rails

iiRosie1 · 技术社区 · 7 年前

所以我使用cloud 9编辑器制作了一个类似Instagram的页面。该模板是ruby on rails,但我也在这个文件中使用HAML。运行应用程序后,我会遇到一个错误:非法嵌套:内容不能与%div放在同一行上,也不能嵌套在其中。在那之前,有一个错误,说缩进不正确。一个问题是我应该使用制表符还是空格?我的第二个问题是如何解决这个问题“非法嵌套:内容不能与%div放在同一行上,也不能嵌套在其中”?错误出现在第16行: .collapse.navbar-collapse#bs-navbar-collapse-1 提前感谢!

下面是我的申请。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

2 回复 | 直到 7 年前

Sweet_Cherry 7 年前

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

iiRosie1 7 年前

解决方案 我所做的是压痕不正确。所以我回去检查每个缩进都是应该的样子。现在代码如下所示:

%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