Question

我有一个带有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的标记。

Answer 1

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

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

Answer 2

标记应显示为

<script th:src[...]>

代替

<script th:href[...]>

Thymeleaf加载CSS但不加载Javascript

2 个答案: