是否可以从片段 thymeleaf 中调用片段？

Question

我有一个用于 head 标签的片段，从中我想为我的 styles 和脚本调用另一个片段。

模板/片段/commonHead.html

<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonHead(title)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <div th:replace="~{fragments/styles :: styles}"></div>
    <div th:replace="~{fragments/scripts :: scripts}"></div>
    <title th:text="${title}"></title>
</head>

模板/片段/样式.html

<html xmlns:th="http://www.thymeleaf.org">    
<div th:fragment="styles" th:remove="tag">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
    <link type="text/css" th:href="@{/css/normalize.css}" rel="stylesheet"/>
    <link type="text/css" th:href="@{/css/style.css}" rel="stylesheet"/>
</div>

模板/片段/脚本.html

<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="scripts" th:remove="tag">
    <script src="https://cdn.jsdelivr.net/npm/axios@1.1.3/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script>
</div>

这就是我如何称呼普通头部片段。

模板/schedule.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/commonHead :: commonHead('Schedule')}"></head>
<body>
----

但是我这样做的时候没有报错，但是生成的html没有完成head标签。 一定有问题，但我不知道哪里出了问题。 不可能这样做吗？ 我已经尝试使用<div th:replace="~{fragments/styles:: styles}"></div>和<div th:replace="~{styles:: styles}"></div> （相同对于脚本）以防片段在同一文件夹中时不需要目录。

<!DOCTYPE HTML>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<body>

编辑：在这里进一步排除故障后，它似乎完全忽略了 commonHead 中的片段。 如果我故意用错误的名称调用某些东西（比如<div th:replace="~{fragmentsX/stylesX:: stylesX}"></div> ），我不会收到任何错误，当然片段也不包括在内。

Answer 1

问题似乎出在我的 commonHead 片段中有head标签。 当我将其更改为div （使用 th:remove="tag" 以便 div 不会出现在 html 中）时，它工作正常。

仅对 templates/fragments/commonHead.html 进行了更改，最终版本如下。

<html xmlns:th="http://www.thymeleaf.org">
    <div th:fragment="commonHead(title)" th:remove="tag">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <div th:replace="~{fragments/styles :: styles}"></div>
    <div th:replace="~{fragments/scripts :: scripts}"></div>
    <title th:text="${title}"></title>
</div>