首先检查layui的css和js文件是否引入成功,在IDEA编辑器下将鼠标移到这个链接的layui.css或layui.js上,出现蓝色下划线并且可以点进去就表示引入路径正确
也通过layui定义了layer
我是引入正确的,却还是不行,依旧报如下错误
最终通过不懈的百度终于在别人的答案下找到了原因
别人的原因:是因为我写了一个Filter,未将该页面配置为不进行拦截,导致所有的资源文件都被拦截,最终出现了如上所述的错误。通过修改Filter的配置文件,将本页面相关的资源跳过,再次访问就没有问题了。分析原因,应该是Chrome去服务器拉取资源时,被Filter拦截了请求,未能获取到资源,从而导致了上面所说的比较诡异的错误。
顺着这个原因,我发现我使用layui的这个html(或jsp)界面,被shiro过滤器设置了不过滤,但是对应的layui包下的文件却设置了过滤(过滤即是未登录不能访问),最后把layui包设置了不过滤就可以使用啦。
总结:出现这个问题的极大原因是因为后台过滤器的问题,页面未过滤的同时,页面所需加载的资源却需要过滤,导致了冲突的发生。