如何修复帕格中的无效缩进错误?

时间:2018-11-06 15:21:15

标签: html pug

这是html视图的pug文件。

我正在尝试将所有h1元素放入表单中,但由于找不到不同的语法错误,所以找不到方法。

现在正在使用此.pug

doctype html
html
    head
        meta(charset='utf-8')
        meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
        link(href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css', rel='stylesheet')
        title Your first page
    body
form
        h1(id='firstnumber') res
h1(id='plus') +
h1(id='secondnumber') res
h1(id='equal') =
h1(id='result') res     
        script(src='https://code.jquery.com/jquery-3.3.1.min.js')
        script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js')
        script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js')
script(type='text/javascript') console.log("hello"); var x=3; var y=2; var res=x+y; document.getElementById("firstnumber").innerHTML=x; document.getElementById("secondnumber").innerHTML=y; document.getElementById("result").innerHTML=res;

但是h1元素不在表单中。

我也尝试过这个:´

doctype html
html
    head
        meta(charset='utf-8')
        meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
        link(href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css', rel='stylesheet')
        title Your first page
    body
        form 
            h1(id='firstnumber') res
            h1(id='plus') +
            h1(id='secondnumber') res
            h1(id='equal') =
            h1(id='result') res     
        script(src='https://code.jquery.com/jquery-3.3.1.min.js')
        script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js')
        script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js')
script(type='text/javascript') console.log("hello"); var x=3; var y=2; var res=x+y; document.getElementById("firstnumber").innerHTML=x; document.getElementById("secondnumber").innerHTML=y; document.getElementById("result").innerHTML=res;

我认为这是正确的方法,但是我正在获取此语法错误

1

我正在使用记事本++。

1 个答案:

答案 0 :(得分:0)

第二段代码的语法似乎不错。 一些文本编辑器对选项卡空格的处理方式有所不同。 PUG编译器希望您在使用这些字符,使用空格或使用制表符时保持一致。

要在Notepad ++中设置正确的选项以仅使用空格,请查看以下内容:Convert tabs to spaces in Notepad++