【requirejs】requirejs使用layui,layui样式无法正常加载


requirejs里使用layui,会有3个css文件无法正常加载

  • 错误提示

GET http://127.0.0.1:8080/css/modules/layer/default/layer.css?v=3.5.1 net::ERR_ABORTED 404 (Not Found)
GET http://127.0.0.1:8080/css/modules/code.css?v=2 net::ERR_ABORTED 404 (Not Found)
GET http://127.0.0.1:8080/css/modules/laydate/default/laydate.css?v=5.3.1 net::ERR_ABORTED 404 (Not Found)

  • 如图:
    image

解决

  1. 更新layui版本,使用 layui 2.6.6 及以上的
  2. 在 requirejs 项目的 index.html 文件里,在引入 requirejs 之前,加上这串代码:
<script>  
	var LAYUI_GLOBAL = {
	  dir: '/res/layui/'
	};
</script>
  1. 重新打包即可

原因

动态加载的 layui.js 的路径识别有问题,详情见 layui手册
image


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM