Thymeleaf loads CSS but not Javascript

Question

I have a Spring boot app with a Thymeleaf template, that is supposed to load a css file and a javascript file. The CSS file loads, but the Javascript file doesnt, it does not even try to get it from the server. There is no HTTP request for the Javascript, but the requests for the CSS are visible. Where is my mistake?

I already tried putting the link for the javascript in the header next to the css but that made no difference.

My folder structure is as follows:

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

Here the 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>

There is no error message, the tag for the javascript is simply ignored.

what does your script contain? Try to put some console.log in your script and check your dev tools console — Manos Kounelakis
– Manos Kounelakis, Commented May 18, 2019 at 10:31
Found the error: I wrote script th:href instead of th:src. A overdue nap has brought the solution. — Daniel Methner
– Daniel Methner, Commented May 18, 2019 at 10:51

peekay · Accepted Answer · 2019-05-18 11:02:11Z

2

Your script end tag is incomplete. It should be:

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

edited May 18, 2019 at 11:02

answered May 18, 2019 at 8:04

peekay

2,10515 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Daniel Methner Over a year ago

Found the error: I wrote script th:href instead of th:src.

AaA · Accepted Answer · 2019-10-30 07:32:55Z

2

The tag should read

<script th:src[...]>

instead of

<script th:href[...]>

edited Oct 30, 2019 at 7:32

AaA

3,7229 gold badges65 silver badges89 bronze badges

answered Oct 30, 2019 at 6:17

Daniel Methner

6253 gold badges7 silver badges22 bronze badges

Collectives™ on Stack Overflow

Thymeleaf loads CSS but not Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related