Как правильно использовать теги include?

Question

Я не понимаю, почему я получаю эту ошибку «Недопустимый тег блока в строке 29:« включает »,« ожидаемый »endblock». Забыл ли вы зарегистрировать или загрузить этот тег? » Строка 29 - это строка, в которой я помещал тэг {% include%} в файл INDEX.HTML. Оба файла html, приведенные ниже, находятся в одном каталоге.

файл index.html

{% extends './base.html' %} 
{% load staticfiles %} 

{% block head_js %} 
{% endblock %} 

{% block content %} 
<!-- Page Content --> 
<div> 
     <!-- Header/Home --> 
     <header class="w3-container w3-padding-32 w3-center w3-black" id="home"> 
     <h1 class="w3-jumbo"><span class="w3-hide-small">Cricket Scorer</span></h1> 
     <p>A Simple Cricket Scoring Web App</p> 
     </header> 

     <!-- Selection Menu --> 
     <div class="w3-content w3-justify w3-text-grey w3-padding-64"> 
       <!--button type="button" class="btn btn-default btn-lg btn-block" data-toggle="modal" data-target="#match-details" onclick="alert('here');">Start Scoring</button><br--> 
       <button type="button" class="btn btn-default btn-lg btn-block" data-toggle="modal" data-target="#select-home-team">Start Scoring</button><br> 
       <button type="button" class="btn btn-default btn-lg btn-block">Players</button><br> 
       <button type="button" class="btn btn-default btn-lg btn-block">Teams</button> 
     </div> 
</div> 

{% includes "start_scoring_modal.html" %} 
{% endblock %} 

START_SCORING_MODAL.HTML

{% extends './index.html' %} 
{% load staticfiles %} 


<!-- Modal Boxes --> 
<div class="modal fade" id="select-home-team" role="dialog"> 
     <div class="modal-dialog modal-bg"> 
       <div class="modal-content"> 
... 
... 
... 
... 

========================= ============================================ Ошибка выше было мое неправильное использование синтаксиса, используя «включает» вместо «include». Теперь у меня новая ошибка. Index.html дает ошибку TemplateDoesNotExist и помещает вверх строку 1 "{% extends" ./base.html "%}".

ОДНАКО, если я удалю линию с «включением», она будет работать нормально. ТАК ЗАПУТАЛСЯ!!

{% extends "./base.html" %} 
{% load staticfiles %} 

{% comment %} http://www.webhook.com/docs/template-inheritance-blocks/ {% endcomment %} 

{% block head_js %} 
{% endblock %} 

{% block content %} 
<!-- Page Content --> 
<div> 
     <!-- Header/Home --> 
     <header class="w3-container w3-padding-32 w3-center w3-black" id="home"> 
     <h1 class="w3-jumbo"><span class="w3-hide-small">Cricket Scorer</span></h1> 
     <p>A Simple Cricket Scoring Web App</p> 
     </header> 

     <!-- Selection Menu --> 
     <div class="w3-content w3-justify w3-text-grey w3-padding-64"> 
       <!--button type="button" class="btn btn-default btn-lg btn-block" data-toggle="modal" data-target="#match-details" onclick="alert('here');">Start Scoring</button><br--> 
       <button type="button" class="btn btn-default btn-lg btn-block" data-toggle="modal" data-target="#select-home-team">Start Scoring</button><br> 
       <button type="button" class="btn btn-default btn-lg btn-block">Players</button><br> 
       <button type="button" class="btn btn-default btn-lg btn-block">Teams</button> 
     </div> 
</div> 

     {% include "./start_scoring_modal.html" %} 
{% endblock %} 

Answer 1

Вы не хотите {% extends './index.html' %} в файле start_scoring_modal.html.

Вам нужно только импортировать добавленный код в start_scoring_modal.html, поэтому вам не нужно расширять index.html.