This website requires JavaScript.

nuxt项目在谷歌浏览器中无法正常调试的问题

2020年07月17日 11时36分 字数 1557 阅读 180 喜欢(0) 评论(0) 标签 typescript javascript

开发人员有时候还真不能在一棵歪脖子树上吊死,例如我机器上就只安装了一个谷歌浏览器,根本没有想装其他的。就是对谷歌太过相信了。

今天本来想给博客加上百度的统计功能,结果被谷歌浏览器结结实实的坑了一天。

我用npm run dev启动了博客的前端项目,打开一个页面,强制刷新没问题,点击页面上的链接也没有问题,偏偏就是刷新就有问题了。一直不停的自刷新,然后给我报个这么个错。

vendors.app.js:sourcemap:1316 warn [HMR] Update check failed: Error: Manifest request to /_nuxt/a2c6681ea326d3d07943.hot-update.json timed out.
    at XMLHttpRequest.request.onreadystatechange (http://localhost:3000/_nuxt/runtime.js:92:16)

Uncaught (in promise) Error: Manifest request to /_nuxt/a2c6681ea326d3d07943.hot-update.json timed out.
    at XMLHttpRequest.request.onreadystatechange (runtime.js:92)

然后改动一个东西,也无法实现热更新。

做为一个小小程序员的我,自然是不敢质疑谷歌的东西,于是乎就从所有的报错一个个查,什么webpack,热更新,从国内查到国外。结果毛都没查到。

然后我一直调,一直重启,发现控制台和设置里面有一个奇怪现象,前几天调度的时候是没有发现的

注意看标红的内容

这个workbox是谷歌新研究的东西,可以让浏览器缓存已经访问了的页面,大概是这么一个意思。然后设置里面有了个安装blog,从中午一直调到下午五点多,实在是累了。

突然记起来昨天升级过谷歌浏览器,加上之前也安装过这个东西,我想不该是浏览器的问题吧?我在调试的同时用safari也在调,但是我知道我现在的博客前端并没有做safari的适配,所以前面一直不敢想浏览器是否有问题。

为了求证,我下了一个火狐,然后。。。就没有然后了。。。

改了页面,火狐热更新马上就好,我这个时候真想骂娘。老子一下午的时间啊

不过也不是完全没有问题,在火狐上发现这么一个错误

载入页面时与 http://localhost:3000/__webpack_hmr/client 的连接中断。 vendors.app.js line 619 > eval:88:13

感觉应该与谷歌访问出问题有点关系,查了会,说也是与热更新相关的,加上我本来前端也是半吊子,而我想解决的问题也解决了,暂时不找了,先把功能做完再说吧。

补充:
问题已经找到,感谢之前在我博客留言的同学,就是执行了npm build后,谷歌为了项止访问快,把项目注册成了一个类似于谷歌应用程序的东西,导致数据无法更新。下图标红的unregister,即可恢复正常调试,亲测有效。

image.png

赞赏支持

微信赞赏码

支付宝赞赏码

相关推荐

暂无推荐文章

扫码关注”隔壁老易“