Thymeleaf 加载 CSS 但不加载 Javascript答案

【问题标题】：Thymeleaf loads CSS but not JavascriptThymeleaf 加载 CSS 但不加载 Javascript
【发布时间】：2019-10-05 09:47:53
【问题描述】：

我有一个带有 Thymeleaf 模板的 Spring Boot 应用程序，它应该加载一个 css 文件和一个 javascript 文件。 CSS 文件加载，但 Javascript 文件没有加载，它甚至没有尝试从服务器获取它。没有对 Javascript 的 HTTP 请求，但对 CSS 的请求是可见的。我的错误在哪里？

我已经尝试将 javascript 的链接放在 css 旁边的标题中，但这没有任何区别。

我的文件夹结构如下：

resources
-- static
---- bootstrap
------ css
---- js

这里是 HTML：

<html xmlns:th="https://thymeleaf.org" lang="en" style="height: 100%;">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Website Title</title>
  <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap_custom.css}" />
</head>
<body class="d-flex flex-column h-100">
  <script th:href="@{/js/main.js}" type="text/javascript"></script>
</body>
</html>

没有错误消息，只是忽略了 javascript 的标签。

【问题讨论】：

您的脚本包含什么？尝试在您的脚本中添加一些 console.log 并检查您的开发工具控制台
发现错误：我写的是脚本 th:href 而不是 th:src。过期的小睡带来了解决方案。

标签： javascript css spring spring-boot thymeleaf

【解决方案1】：

您的脚本结束标记不完整。应该是：

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

【讨论】：

发现错误：我写的是脚本 th:href 而不是 th:src。

【解决方案2】：

标签应该是

<script th:src[...]>

而不是

<script th:href[...]>

【讨论】：