Uncaught ReferenceError: layui is not defined ，springboot使用lauyi无法正常引入lauyi.js文件

短命女 2023-10-04 22:02 8阅读 0赞

springboot使用lauyi无法正常引入lauyi.js文件

使用layui的时候出现Uncaught ReferenceError: layui is not defined

![aebf9aefb34748538b9df3cfd8ad7bfd.png][]

我的问题是一直提示layui.use(\['form', 'table'\], function () \{ 报错，情况如下

![e5c9f7606df545daae07e8de09995e5b.png][]

首先检查layui的css和js文件是否引入成功，在IDEA编辑器下将鼠标移到这个链接的layui.css或layui.js上，出现蓝色下划线并且可以点进去就表示引入路径正确，如果点击最后的layui.js没有正常进入到相对应的js文件，而是显示几个文件夹选项，说明没有正常引入文件，查看该文件在目录结构中位置，重新修改路径

我的正常引入路径是

../../static/js/layui/layui.js" charset="utf-8"></script>

但因为在该目录下创建了子文件夹，多加以及目录，正常引入路径更改为了

../static/js/layui/layui.js" charset="utf-8"></script>

还有其他情况是

顺着这个原因，我发现我使用layui的这个html(或jsp)界面，被shiro过滤器设置了不过滤，但是对应的layui包下的文件却设置了过滤（过滤即是未登录不能访问），最后把layui包设置了不过滤就可以使用啦。

![9fadb363362c42ac9e25d093af7bb833.png][]

总结：出现这个问题的极大原因是因为后台过滤器的问题，页面未过滤的同时，页面所需加载的资源却需要过滤，导致了冲突的发生。

参考至原文链接：[引入layui但还是出现Uncaught ReferenceError: layui is not defined问题解决\_DuanQingCI的博客-CSDN博客\_idea引入layuijsp文件报错][layui_Uncaught ReferenceError_ layui is not defined_DuanQingCI_-CSDN_idea_layuijsp]

[aebf9aefb34748538b9df3cfd8ad7bfd.png]: https://img-blog.csdnimg.cn/aebf9aefb34748538b9df3cfd8ad7bfd.png
[e5c9f7606df545daae07e8de09995e5b.png]: https://img-blog.csdnimg.cn/e5c9f7606df545daae07e8de09995e5b.png
[9fadb363362c42ac9e25d093af7bb833.png]: https://img-blog.csdnimg.cn/9fadb363362c42ac9e25d093af7bb833.png
[layui_Uncaught ReferenceError_ layui is not defined_DuanQingCI_-CSDN_idea_layuijsp]: https://blog.csdn.net/DuanQingCI/article/details/100099808