IntelliJ IDEA 14 无法识别空格键模板

Question

我正在写simple meteor app，发现 IntelliJ IDEA 14.1.4（安装并启用了 Meteor 和 Handlebars 插件）无法识别空格键模板：

谷歌搜索后，我尝试了File > Invalidate Caches/Restart，但这不起作用。

我还发现当我运行Code > Reformat Code 时，生成的缩进是不正确的。我认为这两个问题是相关的。

这里有一个更简单的问题说明：

如何调试？

Answer 1

最后，我在 IntelliJ IDEA 14 中发现了一个非常棘手的语法错误。
主要问题是{{ 和# 或/ 之间的空格。
{{#if currentUser}} 在语法上是正确的，但{{ #if currentUser }} 是错误的。
同样，用户 {{/if}} 而不是 {{ /if }}。
所以空格键的使用在这里非常严格。其实应该没有多余的空格。

<template name="home">
    {{#if currentUser}}
        <div class="template-home">
            <div class="well">
                <form class="form-inline syllabus-chooser">
                    <div class="form-group">
                        <select name="syllabusChooser" id="syllabusChooser" class="form-control">
                            <option value="0">(Select a syllabus to edit)</option>
                            {{#each syllabusSelectors}}
                                <option value="{{ value }}">{{ label }}</option>
                            {{/each}}
                        </select>
                    </div>
                    <button type="submit" id="syllabusChooserButton" class="btn btn-default">Edit</button>
                </form>
            </div>

            {{#if displayID}}
                <div class="well">
                    {{#autoForm collection="Syllabuses" doc=selectedSyllabusDoc id="insertSyllabusForm" type="update"}}
                        <fieldset>
                            <div class="row">
                                <div class="col-sm-2">{{> afQuickField name='alphaNumber' placeholder="ICS 101"}}</div>
                                <div class="col-sm-2">{{> afQuickField name='creditHours' placeholder="3"}}</div>
                                <div class="col-sm-2">{{> afQuickField name='prerequisites' placeholder="311 or consent"}}</div>
                                <div class="col-sm-6">{{> afQuickField name='title' placeholder="Course title"}}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">{{> afQuickField name='instructor' rows=2 placeholder="Name\noffice address, email"}}</div>
                                <div class="col-sm-6">{{> afQuickField name='textbooks' rows=2 placeholder= "Textbook title and author, or 'none'"}}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">{{> afQuickField name='objectives' rows=4 placeholder='* Students have ...\n* Students can ...\n* Students can ....'}}</div>
                                <div class="col-sm-6">{{> afQuickField name='policies' rows=4 placeholder="Can be 'none'."}}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">{{> afQuickField name='description' rows=4 placeholder='Insert course catalog description: http://www.catalog.hawaii.edu/courses/departments/ics.htm'}}</div>
                                <div class="col-sm-6">{{> afQuickField name='grading' rows=4 placeholder="5 homework assignments (10% each)\n1 midterm (15%)\n1 final exam (15%)\n1 final project (20%)"}}</div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">{{> afFormGroup name='learningOutcomes' type="select-checkbox"}}</div>
                                <div class="col-sm-6">
                                    {{> afQuickField name='courseLearningOutcomes' rows=12 placeholder="* Learning Outcome 1\n* Learning outcome 2"}}
                                    {{> afQuickField name='schedule' rows=12 placeholder="Week 1: ...\nWeek 2: ...\nWeek 3: ..."}}
                                </div>
                            </div>
                        </fieldset>
                        <button type="submit" class="btn btn-default btn-success btn-block">Save</button>
                    {{/autoForm}}
                </div>
            {{/if}}
        </div>

        <div class="well" style="padding: 0; max-height: 100px; overflow-y: auto">
            <ul>
                {{#each editStatusList}}
                    <li>Started editing {{ syllabusName }} {{ editTimestamp }}  {{#if editFinished}} ... finished. {{/if}} </li>
                {{/each}}
            </ul>
        </div>
    {{/if}}
</template>