首頁 web前端 Layui教程 如何解決layui報錯問題

如何解決layui報錯問題

Nov 13, 2020 am 10:10 AM

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

然後我引入的是static/lib /layui套件下面的layui.js,難怪會報錯了

如下圖,改成idea追蹤的,清除緩存,不再報錯

## 

#- -------------------------------------------------- ------------------------問題總結------------------------ -------------------------------------------------- ----------

其實,前端我不太熟,layui也是第一次用。而別的頁面也是這個功能,引入的是static/lib/layui套件下面的layui.js 沒有問題,實在是奇怪。

我這裡只是說下解決問題的想法和方法,畢竟每個人遇到的情況不一樣,別人的問題不一定能幫到你,那隻能自己解決。

其中有幾點注意的:1.認真看報錯  2.借助工具分析 3.記得修改之後清除瀏覽器快取!

 

以上是如何解決layui報錯問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用Layui的旋轉木載模塊來創建圖像滑塊? 如何使用Layui的旋轉木載模塊來創建圖像滑塊? Mar 18, 2025 pm 12:58 PM

該文章指導使用Layui的Carousel模塊用於圖像滑塊,詳細介紹設置的步驟,自定義選項,實現自動播放和導航以及性能優化策略。

如何使用Layui的圖層模塊來創建模態窗口和對話框? 如何使用Layui的圖層模塊來創建模態窗口和對話框? Mar 18, 2025 pm 12:46 PM

本文介紹瞭如何使用Layui的圖層模塊創建模態窗口和對話框,詳細設置,類型,自定義和常見的陷阱要避免。

如何將Layui的上傳模塊配置為限製文件類型和尺寸? 如何將Layui的上傳模塊配置為限製文件類型和尺寸? Mar 18, 2025 pm 12:57 PM

本文討論了使用Accept,Exts和Size屬性來限制Layui的上傳模塊,以限製文件類型和尺寸,並自定義錯誤消息以違反。

如何自定義Layui旋轉木製模塊的外觀和行為? 如何自定義Layui旋轉木製模塊的外觀和行為? Mar 18, 2025 pm 12:59 PM

本文討論了自定義Layui的Carousel模塊,重點介紹了外觀和行為的CSS和JavaScript修改,包括過渡效果,自動播放設置以及添加自定義導航控件。

如何使用Layui的元素模塊來創建選項卡,手風琴和進度條? 如何使用Layui的元素模塊來創建選項卡,手風琴和進度條? Mar 18, 2025 pm 01:00 PM

本文詳細介紹瞭如何使用Layui的元素模塊來創建和自定義UI元素,例如選項卡,手風琴和進度條,突出顯示HTML結構,初始化和常見的陷阱,以避免。

如何使用Layui的流塊模塊進行無限滾動? 如何使用Layui的流塊模塊進行無限滾動? Mar 18, 2025 pm 01:01 PM

文章討論了使用Layui的流量模塊進行無限滾動,涵蓋設置,最佳實踐,性能優化和自定義,以增強用戶體驗。

See all articles