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.全靠自己的逻辑判断。。