thymeleaf中js失效的情况之一

时间:2024-05-20 18:27:27

thymeleaf中js失效的情况之一

关于这个问题,网上有很多解决办法,这里不再论述,这里只是分享其中一种情况,且网上没有此种情况的说明,而我遇到了,就此分享一下!!!

spring boot项目中,thymeleaf页面中js失效,打开F12(开发者工具)查看:
thymeleaf中js失效的情况之一
thymeleaf中js失效的情况之一
发现直接就没有加载<script>模块。
仔细查看点后发现原因:
我的thymeleaf中引入了公共模块head.html中的一个div(其他thymeleaf页面的类容):thymeleaf中js失效的情况之一
thymeleaf中js失效的情况之一
而<script>模块刚好是在head.html页面,且不再引入的这个div中。导致未能引入<script>模块,而只是单单引入了这个div。
这种情况,我的解决办法是引入整个head.html,而非其中的一个div
thymeleaf中js失效的情况之一
重新启动项目,打开F12(开发者工具)
thymeleaf中js失效的情况之一
发现<script>模块成功加载,测试正常,问题解决!!!