Question

所以我使用cloud 9编辑器制作类似Instagram的页面。模板在rails上是ruby，但我也在这个文件中使用HAML。一旦我运行我的应用程序，我就会收到错误：非法嵌套：内容不能与％div在同一行上给出并嵌套在其中。在此之前是一个错误说缩进是不正确的。一个问题是我应该使用制表符还是空格？我的第二个问题是如何解决这个问题＆＃34;非法嵌套：内容不能与％div在同一行上给出并嵌套在其中＃34;？错误在第16行：ui2 <- function(){tagList(tabPanel("Test"))}提前致谢！

以下是我的application.html.haml：

.collapse.navbar-collapse#bs-navbar-collapse-1

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

非法嵌套：内容不能与％div在同一行上给出并嵌套在其中

2 个答案: