Показать страницу получить много Uncaught ReferenceError

Question

Я использую весеннюю загрузку 2 и тимилиф 3. На одной из моих страниц, когда пользователь нажимает на ссылку

 <li th:class="${activeTab=='export'} ? 'active nav-item' : 'nav-item'">
     <a class="nav-link" th:href="@{/menu/exports}" th:text="#{exports}"</a></li>

, я получаю эти ошибки

jquery.inputpicker.js: 13 Uncaught ReferenceError: require не определен jquery.dataTables.min.js: 5 Uncaught ReferenceError: модуль не определен dataTables.bootstrap4.min.js: 5 Uncaught ReferenceError: модуль не определен dataTables.buttons.min.js:8 Uncaught ReferenceError: модуль не определен button.print.min.js: 5 Uncaught ReferenceError: модуль не определен button.bootstrap4.min.js: 5 Uncaught ReferenceError: модуль не определен dataTables.responsive.min.js: 5 UncaughtReferenceError: модуль не определен responseive.bootstrap4.min.js: 5 Uncaught ReferenceError: модуль не определен bootbox.min.js: 8 Uncaught ReferenceError: модуль не определен

В моем фрагменте скрипта

<div th:fragment="Scripts">

    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>

    <script type="text/javascript" th:src="@{/js/jquery.inputpicker.js}"></script>
    ...
</div>

Я вставляю свою маленькую страницу сюда https://pastebin.com/qPbN5x9L

На странице моего контроллера

@GetMapping(value = {"/menu/exports"})
public String getExportsTemplate() {
    return "menu/exports";
}

изменен идентификатор кнопки, исправлена ​​проблема