使用 JADE 的缩进错误

Question

我正在尝试创建一个简单的翡翠模板（我对翡翠比较陌生）并且我一直收到这段代码的错误：

extends layout

block content
    h1= title
    div(ng-controller="AppCtrl")
    h1 Angulair
        ul(ng-repeat="airport in airports") 
            li airport.code
            li airport.city
            li airport.name

我也在使用 angular，但我得到的错误是缩进不正确。之前，我有这样的代码：

extends layout

block content
    h1= title
    div(ng-controller="AppCtrl")
        h1 Angulair
             ul(ng-repeat="airport in airports") 
                li airport.code
                li airport.city
                li airport.name

第二个 h1 标签再次缩进，但这仍然给我一个错误。确切的错误如下所示：

500 错误：/Users/AllanAraujo/Desktop/testapp 5/views/index.jade:7
5| div(ng-controller="AppCtrl")
6| h1 安古莱尔
> 7| ul(ng-repeat="机场中的机场")
8| li airport.code
9| li airport.city
10| li airport.name

无效缩进，你可以使用制表符或空格，但不能同时使用

任何帮助都很好，谢谢。

Answer 1

extends layout

block content
    h1= title
    div(ng-controller="AppCtrl")
        h1 Angulair
        ul(ng-repeat="airport in airports") 
            li airport.code
            li airport.city
            li airport.name

您拥有 ul 的方式将是 h1 的子代，这是不允许的。

Answer 2

所有缩进都有 4 个空格。带有ul 的行有一个额外的空格。

在 SublimeText 中很容易看到它的标签行。