Тег include в Django отображается в браузере, а не сам include

Я пытаюсь выделить navbar в дополнительный файл и импортировать/включить его в мой основной шаблон.

Проблема в том, что {% include 'sidebar.html %} просто отображается в браузере и не работает, как я думаю...

Структура папки

|-project
  |-static
    |-css
    |-js
  |-templates
    |-base.html
    |-sidebar.html
  |- static
  |- ...
|-app0
  |-templates
    |-home.html
  |-...
|-manage.py

src/project/templates/base.html

<html>
<head>
    {% load static %}

    
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <title>Profile</title>
</head>

<body>
    {% include 'sidebar.html' %}
    
    {% block content %}
    {% endblock content %}
</body>
</html>

src/project/templates/sidebar.html

<div class="sidebar">
  <a href="/"> Home</a>
  <h3>Headline0</h3>
  <a href="/test0">Test0</a>
  <h3>Headline 1</h3>
  <a href="/test1">Test1</a>
</div>

src/app0/templates/home.html

{% extends "base.html" %}
{% load static %}
{% block content %}
   Hi <span id="name"></span>
   <div id="counter"></div>
   <script src="{% static 'js/index.js' %}" charset="UTF-8"></script>
{% endblock %}

Вывод браузера:

brave browser (chrome) output

Есть ли у кого-нибудь идеи по этому поводу?

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