vue 调试工具 Vue Devtools 出不来

clearTimeout 真是有毒,前面才发现了它导致的热更新问题,文章:vue cli 热更新无效,并且请求中没有 sockjs-node 的请求,这会儿就又发现这玩意儿会导致调试工具 Vue Devtools 出不来。

具体原因也跟上次修改的方法有问题,上次无意中把 true 改成了 2 ,后面就出现了调试工具 Vue Devtools 出不来的问题。

简单梳理了下原因:

  1. vue cli 里面连接调试工具和热更新的地方,一定用了 setTimeout 来初始化。
  1. setTimeout 返回值是从 1 开始,比如第一个 setTimeout 会返回 1 ,第二个setTimeout会返回 2
  1. 如果刚好在 main.js 里面写了 clearTimeout(1) 或者 clearTimeout(2) 这样的代码,那么恭喜你,中奖了,会出现热更新失败和调试工具出不来的问题。
本文由 linx(544819896@qq.com) 创作,采用 CC BY 4.0 CN协议 进行许可。 可自由转载、引用,但需署名作者且注明文章出处。本文链接为: https://blog.jijian.link/2021-03-17/vue-devtools/

如果您觉得文章不错,可以点击文章中的广告支持一下!