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手冊