Синтаксическая ошибка шаблона Django Неверный тег блока

Я новичок в Django: я сделал простой сайт, следуя книге Python Crash Course, я получаю эту ошибку и не могу найти проблему, Вот ошибка: enter image description here

Вот login.html :

{% extends "learning_logs/base.html" %} {% load bootstrap4 %} {% block
page_header %}
<h2>Log in to your account</h2>
{% endblock page_header %} {% block content %}
<form method="post" action="{% url 'users:login' %}" class="form">
{% csrf_token %} {% bootstrap_form form %} {% buttons %}
<button name="submit" class="btn btn-primary">Log in</button>
{% endbuttons %}
<button name="submit">Log in</button>
<input type="hidden" name="next" value="{% url 'learning_logs:index' %}" />
</form>
{% endblock content %}

А вот base.html, который расширяет login:

{% load bootstrap4 %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Learning Log</title>
    {% bootstrap_css %} {% bootstrap_javascript jquery='full' %}
  </head>

  <body>
    <nav class="navbar navbar-expand-md navbar-light bg-light mb-4 border">
      <a class="navbar-brand" tag="a" href="{% url 'learning_logs:index' %}">
        Learning Log</a
      >
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarCollapse"
        aria-controls="navbarCollapse"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link" href="{% url 'learning_logs:topics' %}"
              >Topics</a
            >
          </li>
        </ul>
        <ul class="navbar-nav ml-auto">
          {% if user.is_authenticated %}
          <li class="nav-item">
            <span class="navbar-texxt">Hello,{{user.username}}</span>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'users:logout' %}">Log out</a>
          </li>
          {% else %}
          <li class="nav-item">
            <a class="nav-link" href="{% url 'users:register'%}">Register</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'users:login'%}">Log in</a>
          </li>
          {% endif %}
        </ul>
      </div>
    </nav>
    <main role="main" class="container">
      <div class="pb-2 mb-2 border-bottom">
        {% block page_header %} {% endblock page_header %}
      </div>
      <div>{% block content %} {% endblock content %}</div>
    </main>
  </body>
</html>
i tried looking for any syntax writing like answered questions here did like leaving epty space between { and % but i couldn't find anything helpful ,

Заменить

{% endblock page_header %}

To

{% endblock %}

И примените это к другим концевым блокам

Попробуйте удалить перенос строки в конце строки 1.

То есть, вы должны заменить

{% extends "learning_logs/base.html "%} {% load bootstrap4 %} {% block
page_header %}

с

{% extends "learning_logs/base.html "%} {% load bootstrap4 %} {% block page_header %}

это была проблема с Preetier Code Formatter Каждый раз, когда я сохранял код, он мог пойти неправильно, поэтому я изменил на Default Html Formatter, Надеюсь, это поможет кому-нибудь в будущем, так как это довольно скрыто

Вернуться на верх