Javascript Pug代码块正在引发意外的令牌错误

我有以下几点：

mixin color(c, color)
    if (c == 0)
        div(class=`${color}-50`) red-50
    else if (c == 5)
        div(class=`${color}`) red
    else
        div(class=`${color}-${c*100}`) red-#{c*100}

然后，我使用以下代码来使用mixin：

block content
    .grid
        -
            var colors = ['red', 'pink', 'purple']
            each color in colors
                .cell.cell-6
                    for (let i = 0; i < 10; i++)
                        +color(i, color)

---

问题出现在

-

代码块中。我是不是在做一些格式错误的事情？如何执行块代码？

将pug与JS混合起来并不容易，这里有两个问题：

• “-”后面应该跟JS Expression是同一行（据我所知）
• 帕格本身没有“for”（我想）

因此，工作代码应编写如下：

mixin颜色（c，颜色）
如果（c==0）
div（class=`${color}-50`）红色-50
else如果（c==5）
div（class=`${color}`）红色
其他的
div（class=${color}-${c*100}`）red-#{c*100}
块内容
.电网
-var colors=['红色'、'粉色'、'紫色']
每种颜色都有不同的颜色
.cell.cell-6
-var i=0；
当我<10
+颜色（i，颜色）
-我++

要把帕格和JS混在一起并不容易，这里有两个问题：

• “-”后面应该跟JS Expression是同一行（据我所知）
• 帕格本身没有“for”（我想）

因此，工作代码应编写如下：

mixin颜色（c，颜色）
如果（c==0）
div（class=`${color}-50`）红色-50
else如果（c==5）
div（class=`${color}`）红色
其他的
div（class=${color}-${c*100}`）red-#{c*100}
块内容
.电网
-var colors=['红色'、'粉色'、'紫色']
每种颜色都有不同的颜色
.cell.cell-6
-var i=0；
当我<10
+颜色（i，颜色）
-我++

在pug:.中有for循环，该页面还显示，如果您将

-

放在自己的行中，您可以执行类似的块。我的问题是，我只需要在

for

前面添加一个

-

：）哦，我明白了，我不记得：）@GetOffMyLawn您应该发布您的修复程序，作为其他有类似问题的用户的答案。谢谢。pug:中有for循环，该页面还显示，如果您将

-

放在自己的行上，您可以这样做块。我的问题是，我只需要在

前面添加一个
-
，for

：）哦，我明白了，我不记得：）@GetOffMyLawn您应该发布您的修复程序，作为其他有类似问题的用户的答案。谢谢

SyntaxError: Unexpected token (186:5)
    at Parser.pp$4.raise (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:2488:13)
    at Parser.pp.unexpected (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:623:8)
    at Parser.pp.semicolon (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:600:59)
    at Parser.pp$1.parseExpressionStatement (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:1025:8)
    at Parser.pp$1.parseStatement (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:780:22)
    at Parser.pp$1.parseTopLevel (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:672:23)
    at Parser.parse (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:529:15)
    at Object.parse (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\node_modules\acorn\dist\acorn.js:3378:37)
    at reallyParse (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\index.js:22:16)
    at findGlobals (c:\Users\rnaddy\Documents\vscode\projects\web-framework\node_modules\acorn-globals\index.js:35:11)

mixin color(c, color)
    if (c == 0)
        div(class=`${color}-50`) red-50
    else if (c == 5)
        div(class=`${color}`) red
    else
        div(class=`${color}-${c*100}`) red-#{c*100}

block content
    .grid
        - var colors = ['red', 'pink', 'purple']
            each color in colors
                .cell.cell-6
                    - var i = 0;
                    while i < 10
                        +color(i, color)
                        - i++