Node.js 在输入后尝试使用标签时，jade中出现意外文本（type="；checkbox"；）

我需要使用以下html代码作为jade

<div class="checkbox">
    <input type="checkbox"/>
    <label>Remember me</label>
</div>

（注意：此处不包括其他代码段）

但当我执行此命令时，会显示以下错误。

错误：G:\Test\u programs\Node js\sgm\views\login.jade:28
26 | div.checkbox
27 |输入（type='checkbox'）
28 | |
29 |记住我
30 |
31 |

意外文本|

在Lexer.fail（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Lexer.js:887:11）
在Lexer.next（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Lexer.js:947:15）
在Lexer.lookahead（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Lexer.js:113:46）
位于Parser.lookahead（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:102:23）
在Parser.peek（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:79:17）
位于Parser.tag（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:832:30）
位于Parser.parseTag（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:759:17）
位于Parser.parsexpr（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:211:21）
位于Parser.block（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:729:25）
位于Parser.tag（G:\Test\u programs\Node js\sgm\Node\u modules\jade\lib\Parser.js:838:24）

但是，当我从第28行中删除|时，复选框不对齐

这是我的表格代码

    form.form-group(action="/users/login")
        label.h1 Sign in
        div.row
            div.col-md-3

            div.col-md-6
                div
                    div.form-group
                        input.form-control(
                            name= "username",
                            placeholder= "Enter user name"
                        )
                    div.form-group
                        input.form-control(
                        name= "password",
                        placeholder= "Enter password"
                        )
                    div.checkbox
                        input(type='checkbox')
                        label remember me



                    div.form-group
                        button.btn.btn-primary.form-control Sign in
            div.col-md-6

---

有人能帮我解决这个问题吗？（正确对齐使用复选框）

您必须将复选框放在标签标签内，如下所示：

div.checkbox
    label 
        input(type='checkbox')
        | remember me

编辑添加有关

|

使用的说明：

如果删除管道字符，帕格将“记住”单词转换为标签，但我们只需要在输入标签和内部标签标签后插入文本，但是有很多方法可以做到这一点，我们可以使用上面的管道或我们可以使用：

点

：

div.checkbox
    label 
        input(type='checkbox')
        .
            remember me

div.checkbox
    label.
        #[input(type='checkbox')] remember me

纯文本块内的插值：

div.checkbox
    label 
        input(type='checkbox')
        .
            remember me

div.checkbox
    label.
        #[input(type='checkbox')] remember me

---

为了进一步澄清，使用|