0

Проблема состоит в том, что не могу понять как правильно подключить внешний файл 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 ответ 1

-2

Нашел решение.

Проблема была в том, что подключение происходило в теге head, что thymeleaf посчитал недопустимым и не подгружал их.

Решение состоит в том, чтобы разместить подключение внешних скриптов перед закрывающим тегом body, валидное подключение:

<!-- Connecting external js-files -->
<script type="text/javascript" th:src="@{/search.js}"></script>
</body> 
6
  • Очень жалко что вы отметели ваш, как вы правильно сказали "бред", как ответ. Кто-то может подумать что это именно так и сделать тоже, а не найти настоящую проблему. Я не видел ваш код, но скорее всего файл не загружался потому что были предыдущие ошибки. вы не захотели тратить время чтобы найти их, и это ваше право, но не стоит предлогать это другим. Подумайте , может стоит удалить ваш "ответ"? 27 янв 2021 в 17:28
  • Вы не правы в этом, в коде все отлично, я просто не понимаю связь между подключением именно в конце тега body, поэтому так и начал. Как раз таки - это решение. 29 янв 2021 в 23:41
  • 1
    @AndriiSukhetskiy, thymeleaf все равно где именно Вы размещаете тег <script>, в head или в body. Я предположу, проблема Ваша заключалась не столько в подключении, сколько в том, что подключенные скрипты начинали работать не дожидаясь загрузки страницы и пытались работать с элементами, которых еще не существует. Именно поэтому Вы не видели никаких результатов при подключении в хеаде и увидели их после подключения в конце страницы. Поэтому Ваш ответ сверху назвали не совсем корректным (с чем я и согласен). 1 фев 2021 в 1:59
  • 1
    Почитайте про DOMContentLoaded. попробуйте перенести интересующий ваш код в колбек, ожидающий загрузку страницы document.addEventListener("DOMContentLoaded", function(event) { /** >>> ВОТ СЮДА <<< */ }); а потом можете обратно переносить подключение скрипта в head 1 фев 2021 в 2:03
  • Смысл претензии @SlavaIvanov, в том что у Вас есть несколько проблем. Допустим у Вас есть проблема А и проблема Б и у них есть решения: решение A1, решение Б1. Но Вы указали в посте только одну проблему А и в качестве её решения указали только решение Б1. Что является некорректным для стороннего читателя, хотя Вашу проблему это может решать. Но пользователь, который столкнулся только с одной проблемой А просто запутается в Вашем решении и оно ему не столько поможет, сколько навредит. 1 фев 2021 в 2:14

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.