Web页面显示{ wtf.quick_form() }（关键词：flask/bug）

先上效果图：

很奇怪：
为什么页面会出现【{ wtf.quick_form() }】？

分析：
此页面是index.html，继承自base.html，应该是这两个文件当中的一个的相同位置的代码除了问题。这里附上index.html和base.html的代码：
index.html

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block title %}Flasky{% endblock %}

{% block page_content %}
<div class="page-header">
    <h1>Hello {% if name %}{{ name }}{% else %}Stranger{% endif %}!</h1>
</div>
{ wtf.quick_form() } <!-- 问题出在这里，少了一堆大括号，应该为{{ wtf.quick_form() }} -->
{% endblock %}

base.html

{% extends "bootstrap/base.html" %}

{% block title %}Flasky{% endblock %}

{% block head %}
{{ super() }}
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
<link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}" type="image/x-icon">
{% endblock %}

{% block navbar %}
<div class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header"> 
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr=only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">Flasky</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="/">Home</a></li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}

{% block content %}
<div class="container">
    {% block page_content %}{% endblock %}
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
{{ moment.include_moment() }}
{% endblock %}

具体错误的位置，已写在代码中。

小结：
1.抄代码，请认真点。
2.建议尽快换IDE，可以大量减少此类问题。

参考文献：
1.全靠自己的逻辑判断。。