1

每个人！从 Flask 中的另一个模板继承时出现问题。我的第一个文件 layout.html 如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask</title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <header>
        <h1>Some header</h1>
    </header>
    <content>
        {% block content %}{% endblock %}
    </content>
</body>
</html>

第二个“main.html”：

{% extends "layout.html" %}

{% block content %}<p>test</p>{% endblock %}

一切看起来都不错，但是当我在浏览器中加载页面时，元素看起来像这样（从头部的所有内容都移到了正文：

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<meta charset="UTF-8">
<title>Flask</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<script type="text/javascript" src="script.js"></script>
<header>
        <h1>Some header</h1>
</header>
<content>
    <p>test</p>
</content>
</body>
</html>

谁能解释为什么会这样？

4

1 回答 1

0

也许有点太晚了......问题是，我改变了我的IDE。在我使用 PyCharm 之前，我切换到了 Visual Studio。看起来他们都使用不同的编码，并且在迁移过程中出现了问题。创建新文件和复制内容是解决方案。

于 2018-02-27T21:52:33.780 回答