国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

Scliang / 2202人閱讀

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

場景重現(xiàn)

項目是一個SPA，使用了Vue+Vue-Router+Webpack+jQuery。
報錯的場景如下：

為何稱之為莫名其妙？

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

Debug

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

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

出錯次數(shù)會不斷疊加，但對頁面任何功能都無影響。

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

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

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

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

難不成，這個jQuery文件是谷歌瀏覽器插件的？

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

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

然后把插件禁用后， 再也沒報錯。

感受

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

自己推斷的過程，真的好爽~~~（來自文科生的感慨，逃）

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/78302.html

相關(guān)文章

  • 從前端開發(fā)者看待用友建筑云移動端單點(diǎn)登錄與報錯原因

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

    Youngdze 評論0 收藏0

  • 記一次webpack打包

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

    Profeel 評論0 收藏0

  • 記一次解決 quill（vue-quill-editor） 編輯器中莫名多出一行“<p>

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

    ccj659 評論0 收藏0

  • 記一次Docker構(gòu)建失敗

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

    joyqi 評論0 收藏0

發(fā)表評論

0條評論

Scliang

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<