serii81
@serii81
Я люблю phр...

Почему не правильно отображаются скрипты в шаблоне pug?

У меня есть стартовый шаблон template.pug
body
		block content

			//- block main-nav

		script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js")
		block scripts
		script(src="assets/js/main.min.js")


Далее, есть страница index.pug, которая наследуется от данного шаблона.
block content
	include ../includes/mixins
	.hidden
		include ../../../build/assets/i/svg/inline/sprite.svg

	include ../includes/header

	include ../includes/banner
	include ../includes/popular-categories
	include ../includes/advantages
	include ../includes/promo
	include ../includes/discount
	include ../includes/sales-liders
	include ../includes/you-see
	include ../includes/questions
	include ../includes/footer
	include ../includes/popups/consultation
	include ../includes/popups/upgrade

	include ../includes/scripts/ie-scripts

	block scripts
		script(src="assets/libs/jquery-easy-scroll/jquery.easeScroll.js")
		script(src="assets/libs/slick/slick/slick.min.js")
		script(src="assets/libs/simplebar/dist/simplebar.min.js")
		script(src="assets/libs/Magnific-Popup/dist/jquery.magnific-popup.min.js")
		script(src="assets/libs/jquery-validation-1.19.0/dist/jquery.validate.min.js")
		script(src="https://api-maps.yandex.ru/2.1/?lang=ru_RU")


Так вот, на итоговой странице index.html отображается следуюее
<script src="assets/libs/jquery-easy-scroll/jquery.easeScroll.js"></script>
    <script src="assets/libs/slick/slick/slick.min.js"></script>
    <script src="assets/libs/simplebar/dist/simplebar.min.js"></script>
    <script src="assets/libs/Magnific-Popup/dist/jquery.magnific-popup.min.js"></script>
    <script src="assets/libs/jquery-validation-1.19.0/dist/jquery.validate.min.js"></script>
    <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="assets/libs/jquery-easy-scroll/jquery.easeScroll.js"></script>
    <script src="assets/libs/slick/slick/slick.min.js"></script>
    <script src="assets/libs/simplebar/dist/simplebar.min.js"></script>
    <script src="assets/libs/Magnific-Popup/dist/jquery.magnific-popup.min.js"></script>
    <script src="assets/libs/jquery-validation-1.19.0/dist/jquery.validate.min.js"></script>
    <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
    <script src="assets/js/main.min.js"></script>
  </body>
</html>


По неведанным для меня причинам, блок scripts дублируется, но в самом начале блока отсутствует jquery, что вызывает ошибку в консоли.
Как вы можете объяснить данное поведение?
  • Вопрос задан
  • 40 просмотров
Решения вопроса 1
arsenty
@arsenty
Full Stack Designer
В index.pug блок Scripts находится внутри блока Content, поэтому он сначала рендерится как содержимое блока Content, потом отдельно, как Scripts.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы