vue-cli中出现这个错误[WDS] Disconnected!解决！！！

最新推荐文章于 2023-12-20 09:08:36 发布
最新推荐文章于 2023-12-20 09:08:36 发布
阅读量4.2k 收藏 17
点赞数 9
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/blinH/article/details/109458055
版权
控制台出现某错误虽不影响程序运行，但看着不适。解决办法为打开Application，点开localstorage，在key上复制loglevel:webpack - dev - server，在Value上复制SILENT，刷新重新运行即可。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当控制台出现这个错误时，虽然不影响程序的正常运行，但是看着还是让人不舒服，不过不要担心，解决办法很容易，打开Application，点开localstorage，然后将loglevel:webpack-dev-server复制在key上，将SILENT复制在Value上，然后刷新重新运行就行了，如第二张图所示
在这里插入图片描述
在这里插入图片描述

vue 加载 cesium
weixin_42448623的博客
08-09 1271
环境 我的环境 (不一定要按我的版本来) node node -v v10.16.1 webpack webpack -v 4.39.1 vue-cli 版本 vue -V 大写V 2.0+ npm npm -v 6.7.0 构建项目 打开命令行窗口 cd 跳转到你要创建项目的文件夹下 C:\user\Administrator>cd 对应的文件目录 vue init web...
webpack源码解析四
vv_bug
07-12 1676
前言 我们接着前面的文章webpack源码解析二继续往下探索webpack的配置，demo的github地址：https://github.com/913453448/webpack-demo.git。 DevServer webpack的devServer配置主要是针对webpack/**webpack-dev-server跟webpack/webpack-dev-middleware**的配置，因为webpack-dev-server依赖webpack-dev-middleware。 我们首先在我们的因
Vue [WDS] Disconnected 异常
tutouxiaoyaonie的博客
08-02 779
Vue [WDS] Disconnected!异常
vue.cli4报错[WDS] Disconnected(中级解决方案)
申雨茜的博客
03-17 743
最近在做Vue项目的时候，遇到了一些莫名其妙的问题，在这里记录一下，以供参考: 我相信下面这个问题大家一定不会陌生，因为有时候这个问题会出现在控制台，但是也不影响项目的运行，但是如果不管他就是放在那里看着也挺“闹心“的： 所以我就上网查找相关的资料，说这个问题是全局代理的问题，可是试过很多方法都没成功最后在终端执行命令npm install webpack-dev-server --save-dev,才能解决，因为一开始安装到了生产环境中，应该安装到开发环境中，完美解决！ ...
vue运行后，热更新失效，出现[WDS] Disconnected!试了很多方法都没用，想着从热更新这边去查找问题。
userbower的博客
03-17 540
sockjs-client 依赖node_modules中打开sockjs-client -> dist -> sockjs.js 1605 行，把图中的注释打开就好了。
vue项目控制台出现 webpack 报错 [WDS] Disconnected!
寂寥人生
08-06 2029
在 config/index.js下找到，把它替换成127.0.0.1
[WDS] Disconnected报错
weixin_47108306的博客
02-15 3194
[WDS] Disconnected！报错解决方法
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
这个错误信息反复出现多次，并伴随着`Disconnected!`提示，表明Web服务器与浏览器之间的WebSocket连接出现了问题。 #### 二、问题分析 1. **SockJS介绍**：SockJS是一个跨浏览器的JavaScript库，提供了低延迟、全...
vue-cli中出现这个错误[WDS] Disconnected!解决办法
最新发布
looklookhairline的博客
12-20 584
然后将loglevel:webpack-dev-server复制在key上，将SILENT复制在Value上，然后刷新重新运行就行了，打开Application，点开。
VueCli3出现 [WDS] Disconnected!
huangwei2014的博客
03-10 4158
vue.config.js中修改配置 localhost -> 127.0.0.1 disabledHostCheck: true { disableHostCheck: true, proxy: {// 配置跨域 '/': { target: 'http://127.0.0.1:3000/', // 这里后台的地址模拟的;应该填写你...
解决Vue2中控制台报错 [WDS] Disconnected! 问题
Mr.小灰狼_随笔
07-19 1386
解决Vue2中控制台报错 [WDS] Disconnected! 问题 Vue2 项目打开控制台时发现如下报错 ： [WDS] Disconnected! client?9556:172 其实并没有对项目运行本身造成什么实质性的影响，但是一条红色的提示摆在那里确实不太好看，还是把他给解决掉吧。
vue报错[wds] disconnected
weixin_55985591的博客
07-09 406
浏览器一直报错[wds] disconnected, 虽然不影响程序运行, 但难以忍受. 在网上看了很久,有人建议将vue.config.js中的host: ‘0.0.0.0’,改为host: ‘127.0.0.1’ , 但没有效果, 网上看到一位前辈分享的, 直截了当的方法, 删除node_modules 重启项目 报错没了, 舒服了 ...
vue控制台出现Disconnected!的解决办法之一
weixin_43399733的博客
06-01 9390
最近vue项目出现了报错上网找了一下方法很多可是都没有用，最后终于找到有对我效的一个 直接npm i webpack-dev-server 附上原文解释链接我没看明白 添加链接描述
控制台报 [WDS] Disconnected！不影响代码运行。
qq_42724424的博客
04-27 2224
1. 问题：Vue运行项目时，控制台报 [WDS] Disconnected！不影响代码运行。 2. 解决方法：将config文件夹下的index.js中的host: '0.0.0.0',改为host: '127.0.0.1',重新启动，刷新页面或者重新启动即可 3. 解释：因为用了全局代理软件，所以要把host:改成127.0.0.1 附：全局代理，连接成功以后，您本机的IP地址全部改变了（即是代理地区的IP） 局部代理，只是针对浏览器或软件改变，查询到的ip还是本地的，但能正常访问国外的网页（注：局部
解决VUE [WDS] DISCONNECTED 错误
weixin_52936828的博客
06-24 2145
在运行项目的时候会出现一下情况 解决方式： 在vue.config.js文件中找到devServer,添加 Headers:{ 'Access-Control-Allow-Origin':'*' }, hotOnly:false, disableHostCheck:true 出现原因：win10默认设置的ipv6的优先级高于ipv4，所以把localhost解析到ipv6去了（这里主要因为项目使用了代理服务软件解析问题） 参考链接：https...
控制台报[WDS] Disconnected!
zengfu123的博客
08-31 174
vue项目：项目main.js添加（全局方案） localStorage.setItem("loglevel:webpack-dev-server","SILENT"); 或直接在applaction下面的localstorage下直接添加（暂时方案） 参考文献 纯webpack项目：https://blog.youkuaiyun.com/qq_24147051/article/details/90438311 vue-cli添加localstorage元素：https://www.pianshen
vue项目，chrome控制台出现报错 [WDS] Disconnected!
热门推荐
qq_42089654的博客
02-18 1万+
在写vue项目中，控制台中一直报[WDS] Disconnected!错误 这是因为用了全局代理，所以一直要把localhost:改成127.0.0.1 ， 解决方案： config--->index.js中找到host： 把localhost替换为127.0.0.1 ...
[WDS] Disconnected解决方法
Jadon_z的个人博客
11-18 2474
[WDS] Disconnected解决方法
vue中控制台报错[WDS] Disconnected的解决办法
小多的博客
03-09 6291
方法一： 有的说使用了全局代理，将 loaclhost 改成 127.0.0.1 vue.config.js配置项 // 配置 webpack-dev-server 行为。 devServer: {undefined // open: true, open: process.platform === 'darwin', // 项目构建成功之后，自动弹出页面 host: '0.0.0.0', //允许外部ip访问,主机名，也可以127.0.0.0 || 做真机测试时候0.0.0.0
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值