Vue报错，[WDS] Disconnected!

最新推荐文章于 2024-09-07 14:59:56 发布
最新推荐文章于 2024-09-07 14:59:56 发布
阅读量1.2k 收藏
点赞数
分类专栏： Vue相关 文章标签： vue javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33878858/article/details/106335115
版权

 

错误内容：

刷新页面控制台报 [WDS] Disconnected！不影响代码运行。

 

解决：

 将vue.config.js中

  devServer: {
    host: '127.0.0.1',
  },

不需要重新启动，刷新页面问题解决。

解释：

因为用了全局代理软件，所以一直要把host:改成127.0.0.1 

AsBefore麦小兜
关注
专栏目录
【异常】运行vue项目报错 npm ERR! ERESOLVE unable to resolve dependency tree
本本本添哥
12-29 666
运行vue项目报错npm ERR!
vue2/3 - 解决报错 npm ERR! missing script: build（在vue2/vue3项目中，执行build将项目打包时，出现报错missing script: build）
高级前端工程师
03-29 3584
vue2，vue3，npm run build，yarn build，项目打包报错，vue项目build打包错误提示missing script: build，vue打包报错npm ERR! missing script: build，报错详细解决方法，打包失败，build命令无法执行怎么办，vue执行bulid后没反应，vue报错，vite报错，webpack报错，vue项目打包上线提示错误，如何解决missing script: build打包错误，在vue2、vue3项目开发时，将项目打包发布 bui
控制台报错 [WDS] Disconnected!
热门推荐
zzzhumengfan的博客
02-27 1万+
Webpack 的 HMR 功能，是通过 WebSocket 实现的推送 JSON Patch，同时需要第三方库支持。 具体解决方案： 热加载（HMR）是 Webpack Dev Server 最强大的功能之一，页面源码的变更可以无需刷新地实时推送到页面上。以 vue 为例，一个最简的 HMR 配置策略如下所示： 首先安装 webpack-dev-server 与前端 JS 库的 HMR...
Vue [WDS] Disconnected 异常
tutouxiaoyaonie的博客
08-02 741
Vue [WDS] Disconnected!异常
解决vue线上部署请求接口出现net::ERR_CONNECTION_REFUSED问题
最新发布
weixin_46569775的博客
09-07 401
报错原因应该是热更新出了问题，也就是类似于Java的热部署，不能立刻响应刷新，我的解决办法是先忽略这个错误，在筛选器上过滤：-url:http://localhost:8080/__webpack_hmr。不能自动刷新代码也没关系，直接刷新浏览器页面就没问题了。
vue项目在浏览器出现 [WDS] Disconnected!
weixin_45781661的博客
11-13 1210
vue项目在浏览器出现 [WDS] Disconnected! 简单粗暴的方式，彻底删除项目下的node_modules，然后重新npm install或cnpm install,就可以解决这个问题了
vue项目 控制台报错 [WDS] Disconnected!
xingyunzqq的博客
08-31 2474
Webpack 的 HMR 功能，是通过 WebSocket 实现的推送 JSON Patch，同时需要第三方库支持。 具体解决方案： 热加载（HMR）是 Webpack Dev Server 最强大的功能之一，页面源码的变更可以无需刷新地实时推送到页面上。以 vue 为例，一个最简的 HMR 配置策略如下所示： 首先安装 webpack-dev-server 与前端 JS 库的 HMR 依赖（如...
解决Vue2中控制台报错 [WDS] Disconnected! 问题
Mr.小灰狼_随笔
07-19 1241
解决Vue2中控制台报错 [WDS] Disconnected! 问题 Vue2 项目打开控制台时发现如下报错 ： [WDS] Disconnected! client?9556:172 其实并没有对项目运行本身造成什么实质性的影响，但是一条红色的提示摆在那里确实不太好看，还是把他给解决掉吧。
多方案解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
weixin_52485890的博客
07-15 7131
一行代码解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
vue2/3 - 报错npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree（执行install装依赖报错
高级前端工程师
03-18 4027
vue2，vue3，npm install，装依赖，安装依赖，项目安装依赖，vue安装依赖时出现报错npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree，报错怎么解决，无法安装依赖怎么办，vue安装依赖失败，如何解决vue项目装依赖报错，npm ERR! While resolving:xxx，npm ERR! Found:xxx，npm ERR， code ERESOLVEnpm ERR， ERESOLVE u
vue报错[wds] disconnected
weixin_55985591的博客
07-09 385
浏览器一直报错[wds] disconnected, 虽然不影响程序运行, 但难以忍受. 在网上看了很久,有人建议将vue.config.js中的host: ‘0.0.0.0’,改为host: ‘127.0.0.1’ , 但没有效果, 网上看到一位前辈分享的, 直截了当的方法, 删除node_modules 重启项目 报错没了, 舒服了 ...
报错[WDS] Disconnected!
yhj68100055的博客
03-12 973
报错[WDS] Disconnected!
vue中控制台报错[WDS] Disconnected的解决办法
小多的博客
03-09 6040
方法一： 有的说使用了全局代理，将 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
[WDS] Disconnected
weixin_49694801的博客
02-23 675
vue项目在浏览器出现 [WDS] Disconnected! 简单粗暴的方式，彻底删除项目下的node_modules，然后重新npm install或cnpm install,就可以解决这个问题了 亲测有效 也请谢文章的各位大佬，不要误导别人，也许有些人不确实解决了问题，但是不乏抄袭之人，浪费时间 ...
[WDS] Disconnected!&vue同时连接服务器和本地jar包
weixin_44468194的博客
06-17 396
WDS问题和Vue前端同时链接本地jar包和服务器的方法 这个解决方法是将vue.config.js的host改为127.0.0.1(本机) 第二个问题的解决方法是将host改为0.0.0.0
控制台报 [WDS] Disconnected！不影响代码运行。
qq_42724424的博客
04-27 2191
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解决方法
蓝胖子的博客
06-18 338
Vue项目 [WDS] Disconnected解决方法
vue.cli4报错[WDS] Disconnected(中级解决方案)
申雨茜的博客
03-17 720
最近在做Vue项目的时候，遇到了一些莫名其妙的问题，在这里记录一下，以供参考: 我相信下面这个问题大家一定不会陌生，因为有时候这个问题会出现在控制台，但是也不影响项目的运行，但是如果不管他就是放在那里看着也挺“闹心“的： 所以我就上网查找相关的资料，说这个问题是全局代理的问题，可是试过很多方法都没成功最后在终端执行命令npm install webpack-dev-server --save-dev,才能解决，因为一开始安装到了生产环境中，应该安装到开发环境中，完美解决！ ...
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 ...
vue 启动报错ERR! Cannot read properties of null (reading 'pickAlgorithm')
09-29
对于报错 "ERR! Cannot read properties of null (reading 'pickAlgorithm')"，这通常是由于缺少依赖或配置错误导致的。你可以尝试以下几个解决方法： 1. 确保你的项目中已经安装了依赖项。进入项目目录，并执行以下命令来安装依赖： ``` npm install ``` 2. 检查你的配置文件是否正确。特别是检查 `package.json` 文件中的配置项，例如 `main` 字段是否正确指定了入口文件。 3. 如果你正在使用 Vue CLI 创建项目，尝试重新初始化项目。首先，备份你的项目文件，然后删除 `node_modules` 文件夹和 `package-lock.json` 文件。然后重新执行以下命令来重新安装依赖： ``` npm install ``` 4. 确保你使用的是最新版本的 Vue CLI。可以通过以下命令来更新 Vue CLI： ``` npm update -g @vue/cli ``` 如果上述方法都无法解决问题，请提供更多详细的错误信息和你的项目配置，以便我能够更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值