引入layui但还是出现Uncaught ReferenceError: layui is not defined问题解决

首先检查layui的css和js文件是否引入成功,在IDEA编辑器下将鼠标移到这个链接的layui.css或layui.js上,出现蓝色下划线并且可以点进去就表示引入路径正确

也通过layui定义了layer

我是引入正确的,却还是不行,依旧报如下错误

最终通过不懈的百度终于在别人的答案下找到了原因

别人的原因:是因为我写了一个Filter,未将该页面配置为不进行拦截,导致所有的资源文件都被拦截,最终出现了如上所述的错误。通过修改Filter的配置文件,将本页面相关的资源跳过,再次访问就没有问题了。分析原因,应该是Chrome去服务器拉取资源时,被Filter拦截了请求,未能获取到资源,从而导致了上面所说的比较诡异的错误。

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

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

  • 10
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值