WebSocketClient.js?5586:16 WebSocket connection to ‘ws://192.168.0.103:8080/ws‘ failed:

 错误描述

vue 项目正常调试的时候报错 ，类似下面的一堆错误，但我并没有使用那个 WebSocketClient，我也感觉很疑惑，虽然项目可以正常运行 ，但是热加载失效了 ，只有刷新页面才能重新加载，而且控制台一直报错看起来非常不舒服，下面来解决这个报错

控制台报错

 鼠标移过去可以看到具体的报错位置是在  node_modules 里面

---

解决方法

 修改 vue.config.js

修改client配置项  这个方法也许有用

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  
  devServer: {
     host: '128.0.0.1',
    port: 8080,
    client: {
      webSocketURL: 'ws://192.168.0.103:8080/ws',
    },
     headers: {
      'Access-Control-Allow-Origin': '*',
   }
 },
})

重新安装依赖，运行项目

因为我在项目中根本没有使用到报错信息中 的 WebSocketClient ，所以在修改 vue.config.js 后依旧报错，我就直接重新 cnpm install 安装依赖 ，然后重新 npm run serve启动项目，然后刷新页面，错误就不再出现了，它出现和消失都很奇怪，我好像也并没有太多操作，但这个错误没有再出现了 ，它就像一场梦