在用layui引入第三方插件或者自定义模块时报此错误,找到缘由是引入的模块没有遵循模块规范,记得检查一下最后有没有 exports 暴露模块。javascript
第一步:确认模块名,假设为:mymod,而后新建一个 mymod.js 文件放入项目任意目录下(注意:不用放入layui目录)java
第二步:编写test.js 以下:ui
/** 扩展一个test模块 **/ layui.define(function(exports){ //提示:模块也能够依赖其它模块,如:layui.define('layer', callback); var obj = { hello: function(str){ alert('Hello '+ (str||'mymod')); } }; //输出test接口 exports('mymod', obj); });
第三步:设定扩展模块所在的目录,而后就能够在别的JS文件中使用了spa
//config的设置是全局的 layui.config({ base: '/res/js/' //假设这是你存放拓展模块的根目录 }).extend({ //设定模块别名 mymod: 'mymod' //若是 mymod.js 是在根目录,也能够不用设定别名 ,mod1: 'admin/mod1' //相对于上述 base 目录的子目录 }); //你也能够忽略 base 设定的根目录,直接在 extend 指定路径(主要:该功能为 layui 2.2.0 新增) layui.extend({ mod2: '{/}http://cdn.xxx.com/lib/mod2' // {/}的意思即表明采用自有路径,即不跟随 base 路径 }) //使用拓展模块 layui.use(['mymod', 'mod1'], function(){ var mymod = layui.mymod ,mod1 = layui.mod1 ,mod2 = layui.mod2; mymod.hello('World!'); //弹出 Hello World! });
若是仍是不行,能够到layui交流群(qq)中讨论一下:683048836插件