资讯专栏INFORMATION COLUMN

Webpack下莫名其妙出现的jQuery与报错,记一次奇妙的Debug旅程

Scliang / 2068人阅读

摘要:在过程中,发现的报错是在中两个页面的无刷切换中出现的。看向网址等等网址的前缀是,这个是谷歌浏览器插件的前缀。难不成,这个文件是谷歌浏览器插件的于是看向了中间的那一串神秘字符串。

场景重现

项目是一个SPA,使用了Vue+Vue-Router+Webpack+jQuery。
报错的场景如下:

为何称之为莫名其妙?

项目虽然作为一个SPA,也引用了jQuery。
但是!!!我所有的JS文件全部用Webpack打包了呀!
不应该会有多带带的jQuery文件啊……
把报错内容上百度一搜索,发现完全不搭架。
于是开始了苦思冥想和Debug。

Debug

在Debug过程中,发现

jQuery的报错是在SPA中两个页面的无刷切换中出现的。

出错次数会不断叠加,但对页面任何功能都无影响。

于是尝试中从切换中去寻找答案。
后来发现页面切换部分的代码并没有任何问题。
于是开始思考,Webpack的锅?

仔细想了想后否定了,Webpack会把我用的所有JS文件全打包成一份。不应该有多带带的jQuery文件出来。
于是想看看这个jQuery是存放在哪儿的。

把报错的jQuery文件在新页面打开。看向网址

等等!
网址的前缀是"chrome-extension://",这个是谷歌浏览器插件的前缀。

难不成,这个jQuery文件是谷歌浏览器插件的?

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

于是在插件管理页面寻找。

然后把插件禁用后, 再也没报错。

感受

Debug完成后,感觉松了一口气的同时,也十分开心。因为开发中总会有各种各样的BUG,像这种莫名其妙的BUG,网上是没有解决方法的。于是只能自己一点一点去推断,去解决。

自己推断的过程,真的好爽~~~(来自文科生的感慨,逃)

本文同时发布于本人博客。文科生的程序乐园

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78302.html

相关文章

  • 从前端开发者看待用友建筑云移动端单点登录报错原因

    摘要:本文对单点登录有一个初步介绍,重点叙述前端开发者使用单点登录可能遇到的问题,以及问题分析方案全部来源于用友建筑云,本文仅用于内部分享,所以不过多介绍方案实现。 本文对单点登录有一个初步介绍,重点叙述前端开发者使用单点登录可能遇到的问题,以及问题分析!方案全部来源于用友建筑云,本文仅用于内部分享,所以不过多介绍方案实现。原文来自博客 单点登录介绍 showImg(https://seg...

    Youngdze 评论0 收藏0
  • 一次webpack打包

    摘要:记一次打包前言公司的一个公众号要做一个的活动很简单的两个页面写完之后我想要不要去做一下压缩还是直接放上去就好了后面一想还是做下压缩吧正好重新学习下以前用都是人家写好的手脚架拿来直接用的自己改改没啥问题但是要自己重新搭一套好像也不太会所以趁这 记一次webpack打包 前言 公司的一个公众号要做一个H5的活动. 很简单的两个页面, 写完之后, 我想要不要去做一下压缩, 还是直接放上去...

    Profeel 评论0 收藏0
  • 一次解决 quill(vue-quill-editor) 编辑器中莫名多出一行“<p>

    摘要:问题必须得解决,否则就又要换编辑器了。该函数内有这么一行计算的实际高度,然后拿下一个兄弟元素的与进行比较,如果前者比后者大,则插入一个换行。希望有其他看法或者解决方案的朋友可以留言说一下 问题描述: 在使用 vue-quill-editor 富文本编辑器过程中,加载已有的富文本数据到编辑器,经常会出现编辑器中莫名其妙多出一段换行内容 (一般出现在段落与其他内容之间,例如标题,引用,列表...

    ccj659 评论0 收藏0
  • 一次Docker构建失败

    摘要:之所以在本地构建,而没有使用仓库的,是因为,我们的镜像采用了国内阿里云的源,再加上某些很奇妙的网络因素,在中自动构建时,升级总会失败。然而,在本地再次构建成功。 见字如晤。 前段时间,Node.js 官方发布了Node 8.9.3 LTS版本,并且官网首页提示新版本有重要安全更新,Important security releases, please update now! ,然后我立...

    joyqi 评论0 收藏0

发表评论

0条评论

Scliang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<