踩坑日记——thymeleaf 模板引入js 报错:cannot find declaration to go to

背景:

最近在进行学习的时候用到了springboot官方自带的模板引擎thymeleaf

编写自己的小例子 在引入JS的时候发现没有引入进去 

我的目录是这样的: 

 我想要在html中引入上边的这3个js

 <!-- common.js -->
    <script type="text/javascript" th:src="@{/js/common.js}"></script>
 <!-- jquery -->
     <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
 <!-- md5.js -->
     <script type="text/javascript" th:src="@{/js/md5.min.js}"></script>

我发现我通过ctrl + 鼠标点击 不能跳转到我的js文件中(一般引入第三方js的时候都可以通过这个方法检验有没有成功)

解决过程:

秉承着多看帮助少走弯路的思想 我去看了看他的官网

官方描述:

Thymeleaf是一个用于web和独立环境的现代服务器端Java模板引擎。

Thymeleaf的主要目标是将优雅的自然模板引入到开发工作流程中——HTML可以在浏览器中正确显示,也可以作为静态原型工作,从而在开发团队中实现更强的协作。

Thymeleaf具有Spring Framework模块、与您喜爱的工具的大量集成,以及插入您自己的功能的能力,是现代HTML5 JVM web开发的理想之选,尽管它可以做更多的事情。

用Thymeleaf编写的HTML模板在外观和工作方式上仍然类似于HTML,让应用程序中运行的实际模板继续作为有用的设计工件工作。

说了又好像没说。。。。。。。。。。那他的意思应该就是和HTML没有太大的区别了

解决方法:

在网上又查了查关于thymeleaf的使用 和关于这个错误的问题  发现有说清理一下IDE缓存解决的(并没有解决我的问题)还有说少引入了什么的  同样没有解决我的问题  后来经过一番研究 发现这个还需要单独在标签中将路径声明一下  才能引用进来使用

<!-- md5.js -->
    <script type="text/javascript" th:src="@{/js/md5.min.js}" src="../static/js/md5.min.js"></script>
<!-- common.js -->
    <script type="text/javascript" th:src="@{/js/common.js}" src="../static/js/common.js"></script>
<!-- jquery -->
    <script type="text/javascript" th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js"></script>

 大意了  希望遇到同样问题的小伙伴可以尝试一下  如果有别的办法也可以回复到下边  共同解决问题  共同成长

猜你喜欢

转载自blog.csdn.net/weixin_44693109/article/details/123297170