成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Webpack下莫名其妙出現(xiàn)的jQuery與報(bào)錯(cuò),記一次奇妙的Debug旅程

Scliang / 2216人閱讀

摘要:在過程中,發(fā)現(xiàn)的報(bào)錯(cuò)是在中兩個(gè)頁面的無刷切換中出現(xiàn)的??聪蚓W(wǎng)址等等網(wǎng)址的前綴是,這個(gè)是谷歌瀏覽器插件的前綴。難不成,這個(gè)文件是谷歌瀏覽器插件的于是看向了中間的那一串神秘字符串。

場景重現(xiàn)

項(xiàng)目是一個(gè)SPA,使用了Vue+Vue-Router+Webpack+jQuery。
報(bào)錯(cuò)的場景如下:

為何稱之為莫名其妙?

項(xiàng)目雖然作為一個(gè)SPA,也引用了jQuery。
但是!??!我所有的JS文件全部用Webpack打包了呀!
不應(yīng)該會(huì)有多帶帶的jQuery文件啊……
把報(bào)錯(cuò)內(nèi)容上百度一搜索,發(fā)現(xiàn)完全不搭架。
于是開始了苦思冥想和Debug。

Debug

在Debug過程中,發(fā)現(xiàn)

jQuery的報(bào)錯(cuò)是在SPA中兩個(gè)頁面的無刷切換中出現(xiàn)的。

出錯(cuò)次數(shù)會(huì)不斷疊加,但對(duì)頁面任何功能都無影響。

于是嘗試中從切換中去尋找答案。
后來發(fā)現(xiàn)頁面切換部分的代碼并沒有任何問題。
于是開始思考,Webpack的鍋?

仔細(xì)想了想后否定了,Webpack會(huì)把我用的所有JS文件全打包成一份。不應(yīng)該有多帶帶的jQuery文件出來。
于是想看看這個(gè)jQuery是存放在哪兒的。

把報(bào)錯(cuò)的jQuery文件在新頁面打開。看向網(wǎng)址

等等!
網(wǎng)址的前綴是"chrome-extension://",這個(gè)是谷歌瀏覽器插件的前綴。

難不成,這個(gè)jQuery文件是谷歌瀏覽器插件的?

于是看向了"chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/js/lib/jquery.js"中間的那一串神秘字符串。那是谷歌瀏覽器插件的“身份證”。

于是在插件管理頁面尋找。

然后把插件禁用后, 再也沒報(bào)錯(cuò)。

感受

Debug完成后,感覺松了一口氣的同時(shí),也十分開心。因?yàn)殚_發(fā)中總會(huì)有各種各樣的BUG,像這種莫名其妙的BUG,網(wǎng)上是沒有解決方法的。于是只能自己一點(diǎn)一點(diǎn)去推斷,去解決。

自己推斷的過程,真的好爽~~~(來自文科生的感慨,逃)

本文同時(shí)發(fā)布于本人博客。文科生的程序樂園

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/78302.html

相關(guān)文章

  • 從前端開發(fā)者看待用友建筑云移動(dòng)端單點(diǎn)登錄報(bào)錯(cuò)原因

    摘要:本文對(duì)單點(diǎn)登錄有一個(gè)初步介紹,重點(diǎn)敘述前端開發(fā)者使用單點(diǎn)登錄可能遇到的問題,以及問題分析方案全部來源于用友建筑云,本文僅用于內(nèi)部分享,所以不過多介紹方案實(shí)現(xiàn)。 本文對(duì)單點(diǎn)登錄有一個(gè)初步介紹,重點(diǎn)敘述前端開發(fā)者使用單點(diǎn)登錄可能遇到的問題,以及問題分析!方案全部來源于用友建筑云,本文僅用于內(nèi)部分享,所以不過多介紹方案實(shí)現(xiàn)。原文來自博客 單點(diǎn)登錄介紹 showImg(https://seg...

    Youngdze 評(píng)論0 收藏0
  • 一次webpack打包

    摘要:記一次打包前言公司的一個(gè)公眾號(hào)要做一個(gè)的活動(dòng)很簡單的兩個(gè)頁面寫完之后我想要不要去做一下壓縮還是直接放上去就好了后面一想還是做下壓縮吧正好重新學(xué)習(xí)下以前用都是人家寫好的手腳架拿來直接用的自己改改沒啥問題但是要自己重新搭一套好像也不太會(huì)所以趁這 記一次webpack打包 前言 公司的一個(gè)公眾號(hào)要做一個(gè)H5的活動(dòng). 很簡單的兩個(gè)頁面, 寫完之后, 我想要不要去做一下壓縮, 還是直接放上去...

    Profeel 評(píng)論0 收藏0
  • 一次解決 quill(vue-quill-editor) 編輯器中莫名多出一行“<p>

    摘要:問題必須得解決,否則就又要換編輯器了。該函數(shù)內(nèi)有這么一行計(jì)算的實(shí)際高度,然后拿下一個(gè)兄弟元素的與進(jìn)行比較,如果前者比后者大,則插入一個(gè)換行。希望有其他看法或者解決方案的朋友可以留言說一下 問題描述: 在使用 vue-quill-editor 富文本編輯器過程中,加載已有的富文本數(shù)據(jù)到編輯器,經(jīng)常會(huì)出現(xiàn)編輯器中莫名其妙多出一段換行內(nèi)容 (一般出現(xiàn)在段落與其他內(nèi)容之間,例如標(biāo)題,引用,列表...

    ccj659 評(píng)論0 收藏0
  • 一次Docker構(gòu)建失敗

    摘要:之所以在本地構(gòu)建,而沒有使用倉庫的,是因?yàn)?,我們的鏡像采用了國內(nèi)阿里云的源,再加上某些很奇妙的網(wǎng)絡(luò)因素,在中自動(dòng)構(gòu)建時(shí),升級(jí)總會(huì)失敗。然而,在本地再次構(gòu)建成功。 見字如晤。 前段時(shí)間,Node.js 官方發(fā)布了Node 8.9.3 LTS版本,并且官網(wǎng)首頁提示新版本有重要安全更新,Important security releases, please update now! ,然后我立...

    joyqi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<