web站点调试-关于layui.js突然报错找不到模块

在解决了一番js的问题之后,和产品进行了一波对接,说是界面过于丑陋,于是针对界面和模块,进行了一定程度的自定义。勉强能看之后,就下班了。第二天发现,后台奇慢无比,每操作一次,就会进行有关于admin.js和layui.js的报错,附带两条,index与admin模块不存在的提示。但后台操作是可以正常操作的,前端不受任何影响。

报错信息

首先排除前排html代码的因素,和index123.js的调试,通过这个报错信息,反复在后台操作,发现只针对自定义的模块产生反应。首先第一反应是是否重复引入了layui.js,经过检查发现不是。于是有如下操作:

方案一:

想办法在layui.js 之前引入jquery ,在各处添加了一次引入,效果并没有出现。(无效)

方案二:

修改layui.js的文件,出现重复引用模块的报错。(问题改变)

方案三:

删除数据库中碎片较大的几个新建模块,并重新定义模块的标识。(仍然无效)

在删除自定义模块后,报错的问题仍然存在,于是新建模块对标识符进行重新定义,并针对模块进行单独区分

分别引用之后,报错信息消失。(有效)

小结:

此次错误的根因在于图快省事,将现有模块复用的同时,没有针对标识符对额外的区分,导致后台调用时,出现

重复调用的情况。于是控制台就出现了

Cannot read property 'appendChild' of undefined

layui hint :index is not a valid module

layui hint : admin is not a valid module

Cannot read property 'Children' of undefined

layui hint :index is not a valid module

layui hint : admin is not a valid module

等信息。

在后台做自定义调用时,尽量用针对性的标识符,如 user-story,避免低级错误。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏薄荷前端

【React源码解读】- 组件的实现

react使用也有一段时间了,大家对这个框架褒奖有加,但是它究竟好在哪里呢? 让我们结合它的源码,探究一二!(当前源码为react16,读者要对react有一定...

14720
来自专栏前端之攻略

JavaScript中浅拷贝和深拷贝的区别和实现

要理解 JavaScript中浅拷贝和深拷贝的区别,首先要明白JavaScript的数据类型

13830
来自专栏前端之攻略

Bootstrap Table 定时刷新固定滚动条的位置

场景:一张内容很大的表格,每隔一段时间刷新数据,用户看数据的时候突然刷新了,由于刷新后滚动条弹到顶部,这时客户再找刚才看的内容,就比较困难了,如何解决了?

65130
来自专栏前端之攻略

图片滑动-兼容手机与pc端 原

(adsbygoogle = window.adsbygoogle || []).push({});

11620
来自专栏薄荷前端

Promise 源码分析

then/promise项目是基于Promises/A+标准实现的Promise库,从这个项目当中,我们来看Promise的原理是什么,它是如何做到的,从而更加...

11830
来自专栏薄荷前端

React和Vue中,是如何监听变量变化的

假设有这样一个场景,父组件传递子组件一个A参数,子组件需要监听A参数的变化转换为state。

20520
来自专栏Web行业观察

【科普】Dart语言

Dart是一门新的编程语言,如同JAVA、PHP一样,是为了解决编写应用程序中的一些实际问题而被造轮子发明出来的,而这个造轮子的人就是 Google。可能大家都...

64650
来自专栏薄荷前端

10分钟了解JS堆、栈以及事件循环的概念

其实一开始对栈、堆的概念特别模糊,只知道好像跟内存有关,又好像事件循环也沾一点边。面试薄荷的时候,面试官正好也问到了这个问题,当时只能大方的承认不会。痛定思痛,...

22020
来自专栏薄荷前端

从0开始发布一个无依赖、高质量的npm

没有发布过npm包的同学,可能会对NPM对开发有一种蜜汁敬畏,觉得这是一个很高大上的东西。甚至有次面试,面试官问我有没有发过npm包,当时只用过还没写过,我想应...

10510
来自专栏薄荷前端

Webpack原理与实践(一):打包流程

在阅读 webpack4.x 源码的过程中,参考了《深入浅出webpack》一书和众多大神的文章,结合自己的一点体会,总结如下。

18720

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励