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 中发现了一个非常棘手的语法错误。
主要问题是 {{ 和 # 或 / 之间的 space。
{{#if currentUser}} 语法正确，但 {{ #if currentUser }} 错误。
同样，用户 {{/if}} 而不是 {{ /if }}.
所以 spacebars 的用法在这里非常严格。其实应该没有多余的spaces.

<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>

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

IntelliJ IDEA 14 does not recognize spacebars templates

syntax-highlighting

intellij-idea

handlebars.js

meteor

spacebars