【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)
- 如图:
解决
- 更新layui版本,使用 layui 2.6.6 及以上的
- 在 requirejs 项目的 index.html 文件里,在引入 requirejs 之前,加上这串代码:
<script>
var LAYUI_GLOBAL = {
dir: '/res/layui/'
};
</script>
- 重新打包即可
原因
动态加载的 layui.js 的路径识别有问题,详情见 layui手册