如何解决layui报错问题

藏色散人

发布时间：2020-11-13 10:10:23

6654人浏览过

来源于php中文网

原创

layui报错的解决办法：首先打开相应的layui文件；然后按着control鼠标点击对象或者方法追踪其错误来源；最后重新引入“static/lib/layui”包下面的“layui.js”即可。

如何解决layui报错问题

推荐：《layUI教程》

1.问题

如题layerUI使用过程中报错 layer is not defined，如图2.问题理解

解决问题我们首先看报错，错误说 layer 未定义，并且指出了错误在 x-layui.js 22行和 stationsstatistics 70行

那么我们打开这两个文件如图：

是的就是页面的onclick点击事件报的错，且就是在x-layui.js的22行

其实到这里，对解决问题敏锐的人已经大概能猜到是由于某个文件未引入或者引入不对引起的问题，接下来我也百度了一些，大概也都是说某某文件未引入，然后引入后就解决了。然而如上图，我是引入了layui.js的（上图第80行），我的问题还是未解决。

3.问题解决

那么我是如何解决的呢。我想既然报的错是 layer is not defined,那我去报错那一行看看，idea有一个跟踪功能，即按着control鼠标点击对象或者方法可以追踪其来源，如下图

这里是说layer来自 static/lib/layui包下面的 layui.all.js 或者 static/lib/layui/lay/modules包下面的 layer.js

php商城系统

PHP商城系统是国内功能优秀的网上商城系统，同时也是一个商业的PHP开发框架，有多套免费模版，强大的后台管理功能，专业的网上商城系统解决方案，快速建设网上购物商城、数码商城、手机商城、办公用品商城等网站。 php商城系统v3.0 rc6升级 1、主要修复用户使用中出现的js未加载完报错问题，后台整改、以及后台栏目的全新部署、更利于用户体验。 2、扩展出，更多系统内部的功能，以便用户能够迅速找到需

下载

然后我引入的是 static/lib/layui包下面的 layui.js,难怪会报错了

如下图，改成idea追踪的，清除缓存，不再报错

---------------------------------------------------------------------------问题总结------------------------------------------------------------------------------------

其实，前端我不太熟，layui也是第一次用。并且别的页面也是这个功能，引入的是static/lib/layui包下面的layui.js 没有问题，实在是奇怪。

我这里只是说下解决问题的思路和方法，毕竟每个人遇到的情况不一样，别人的问题不一定能帮到你，那只能自己解决。

其中有几点注意的：1.认真看报错 2.借助工具分析 3.记得修改之后清除浏览器缓存！

layui 表单怎么验证手机号码格式

Layui表格清空如何实现批量清空

Layui表格清空如何兼容不同浏览器

Layui表格清空如何处理表格的固定列

Layui表格清空如何使用layui的组件

相关标签:

layui Static JS 对象事件 idea

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：layui的模块是什么意思？下一篇：layui怎么添加icon

作者最新文章

一文详解通过php+roadrunner实现grpc服务端

2023-04-21 15:57

分享redis多维度排行思路

2023-04-21 16:01

linux jboss是什么

2023-04-23 10:10

linux中yum是什么意思

2023-04-23 10:15

分享一个PHP免费验证码（附代码）

2023-04-23 17:33

详述file_get_contents、getimagesize严重耗时问题

2023-04-23 17:36

用八个demo搞懂Go语言defer的五大特性

2023-04-23 17:40

图文详解如何在Vue项目中集成Ace代码编辑器

2023-04-24 10:52

聊聊前端怎么获取电池信息

2023-04-24 10:55

分享接口设计文档的12个注意点

2023-04-24 10:58

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI大模型

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法，还有更多js正则表达式的相关文章、相关下载、相关课程，供大家免费下载体验。

510

2023.06.20

js获取当前时间

JS全称JavaScript，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言，主要用于Web，常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢？php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

244

2023.07.28

js 字符串转数组

js字符串转数组的方法：1、使用“split()”方法；2、使用“Array.from()”方法；3、使用for循环遍历；4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容，供大家免费下载体验。

257

2023.08.03

js是什么意思

JS是JavaScript的缩写，它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言，通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果，如表单验证、页面元素操作、动画效果、数据交互等。

5273

2023.08.17

js删除节点的方法

js删除节点的方法有：1、removeChild()方法，用于从父节点中移除指定的子节点，它需要两个参数，第一个参数是要删除的子节点，第二个参数是父节点；2、parentNode.removeChild()方法，可以直接通过父节点调用来删除子节点；3、remove()方法，可以直接删除节点，而无需指定父节点；4、innerHTML属性，用于删除节点的内容。

477

2023.09.01

js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容，供大家免费下载体验。

208

2023.09.04

Js中concat和push的区别

Js中concat和push的区别：1、concat用于将两个或多个数组合并成一个新数组，并返回这个新数组，而push用于向数组的末尾添加一个或多个元素，并返回修改后的数组的新长度；2、concat不会修改原始数组，是创建新的数组，而push会修改原数组，将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容，供大家免费下载体验。

218

2023.09.14