【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

posted @ 2021-06-29 12:01  蜜蜂老牛黄瓜  阅读(1268)  评论(0编辑  收藏  举报