时间戳

首页 > 解决方案 > 显示页面获取许多未捕获的引用错误

javascript - 显示页面获取许多未捕获的引用错误

问题描述

我使用 spring boot 2 和 thymeleaf 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 is not defined jquery.dataTables.min.js:5 Uncaught ReferenceError: module is not defined dataTables.bootstrap4.min.js:5 Uncaught ReferenceError: module is not defined dataTables.buttons. min.js:8 Uncaught ReferenceError: module is not defined buttons.print.min.js:5 Uncaught ReferenceError: module is not defined buttons.bootstrap4.min.js:5 Uncaught ReferenceError: module is not defined dataTables.responsive.min. js:5 Uncaught ReferenceError: module is not defined responsive.bootstrap4.min.js:5 Uncaught ReferenceError: module is not defined bootbox.min.js:8 Uncaught ReferenceError: module is not defined

在我的脚本片段中

<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";
}

更改了按钮的 ID，修复了问题

标签： javascriptspring-bootthymeleaf

解决方案

推荐阅读