JavaScript文件不加载(JavaScript file doesn't load)

我使用Spring MVC中，Thymeleaf并要导入的JavaScript文件我的HTML文件内。虽然所有链接是否正确设置和文件出现在我的浏览器调试视图，他们不加载。存在这样应该调用一个日期选择器的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使用。

Answer 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>

Answer 2:

答案：

1） <th:block></th:block>不作任何diffrence

2）增加的HTML标记

xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"

有什么区别

3）将脚本标签与内容在所述主体的底部相同放置时，它在头

4）我用引导在这个项目中，并用于引导的DIV中的日期选择器。将其放置在其他身体某处，而不是一个div里面后，它的工作。

结论：如果您使用Spring MVC和Thymeleaf并想包括JavaScript文件，您需要：

1） <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" >

2） <link th:href="@{/resources/.../file.css}" rel="stylesheet" type="text/css"/>

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

4）确保您的JS和CSS文件，按照文件不会被“覆盖”

感谢您的时间和帮助@Parth！

文章来源: JavaScript file doesn't load