一尘不染

无法加载JavaScript文件

spring-mvc

我正在使用Spring
MVC,Thymeleaf,并想在我的html文档中导入一个javascript文件。尽管所有链接均已正确设置,并且文件显示在我的浏览器的调试视图中,但它们不会加载。HTML中有以下JS,应该调用日期选择器,但未显示:

<script th:inline="javascript">
/*<![CDATA[*/
  $( function() {
    $( "#datepicker" ).Datepicker(
      );
  } );
/*]]>*/
</script>

通过以下方式包含文件:

  <script type="text/javascript" th:src="@{/resources/js/file.js}"></script>

CSS文件只要更改了类型就可以正常工作。

任何想法如何解决这一问题?

在Chrome调试中显示错误

现在,我从导入中删除了所有不必要的js文件,并显示以下错误:

更精确的错误

这表明使用了jquery-1.12.4。


阅读 571

收藏
2020-06-01

共1个答案

一尘不染

使用Spring和Thymeleaf时,建议使用以下项目结构:

src
   |-main
       |-resources
           |-static
           |   |-css
           |       |-bootstrap.min.css
           |       |-application.css
           |   |-images
           |   |-js
           |       |-jquery-3.1.1.js
           |-templates

然后,在模板中包含不同的资源将如下所示:

<head>
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" media="screen"
          th:href="@{/css/bootstrap.css}"/>
    <link href="../static/css/application.css" rel="stylesheet" media="screen"
          th:href="@{/css/application.css}"/>

    <script src="../static/js/jquery-3.1.1.js"
            th:src="@{/js/jquery-3.1.1.js}"></script>
</head>
2020-06-01