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

2022-02-25 04:59:07

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)

如图：

解决

更新layui版本，使用 layui 2.6.6 及以上的
在 requirejs 项目的 index.html 文件里，在引入 requirejs 之前，加上这串代码：

<script>  
	var LAYUI_GLOBAL = {
	  dir: ‘/res/layui/‘
	};
</script>

重新打包即可

原因

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

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