Question

<h2> Login Here </h2>
<form {{action="authenticate" on = "submit"}}>
    {{input type = "text" value=username placeholder="username"}}
    {{input type = "password" value=password placeholder="password"}}
    <button type = "submit"> Login </button>
</form>

即使这个简单的Ember程序显示缩进错误，运行代码也没有问题，但是仍然很烦人。请找到一种解决方案以删除显示缩进错误

Answer 1

默认情况下，Ember模板皮棉使用2个空格进行缩进。看起来您正在使用4个空格或制表符。

这应该消除您的棉绒错误：

<h2> Login Here </h2>
<form {{action="authenticate" on = "submit"}}>
  {{input type = "text" value=username placeholder="username"}}
  {{input type = "password" value=password placeholder="password"}}
  <button type = "submit"> Login </button>
</form>

此外，我不知道您对棉绒的熟悉程度，但不是必需的就可以使程序正确。唯一的目的是帮助代码风格，以便在具有多个团队成员的大型项目中保持一致。

根据所安装的棉绒机（也许是https://github.com/ember-template-lint/ember-template-lint），您可以更改规则以适合您的代码样式：https://github.com/ember-template-lint/ember-template-lint/blob/master/docs/rules.md

删除终端中显示的Ember Handlebars Indentation Error

1 个答案: