Подключение js-скриптов в Thymeleaf
Проблема состоит в том, что не могу понять как правильно подключить внешний файл js к html. Моя структура проекта выглядит так:
- resources
- static
- search.js
Вроде бы проблем как таких быть не должно, js файл состоит в папке static, код работает(потому что при размещении в html тег script все работает отлично).
Мои попытки подключения выглядят следующим образом:
<script type="text/javascript" src="../static/search.js" th:src="@{/search.js}"></script>
<script src="../static/search.js" th:src="|${}/search.js|"></script>
<script th:src="|${}/search.js|"></script>
<script type="text/javascript" th:src="@{search.js}"></script>
Ответы (1 шт):
Автор решения: Andrii Sukhetskiy
→ Ссылка
Нашел решение.
Проблема была в том, что подключение происходило в теге head, что thymeleaf посчитал недопустимым и не подгружал их.
Решение состоит в том, чтобы разместить подключение внешних скриптов перед закрывающим тегом body, валидное подключение:
<!-- Connecting external js-files -->
<script type="text/javascript" th:src="@{/search.js}"></script>
</body>