非法嵌套:内容不能在%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
回答:
这是因为你有一个的link_to,然后你在里面筑巢。检查this answer here并尝试更改您的代码。另外,如果你正在学习一个教程,请检查他们的代码,看看他们是否也有错误。
回答:
解决方案 我做的是缩进不正确。所以我回去检查了每个缩进是如何应该的。现在代码如下所示:
%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的同一行上给出,并嵌套在它内部 的全部内容, 来源链接: utcz.com/qa/266122.html