错误描述

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启动项目,然后刷新页面,错误就不再出现了,它出现和消失都很奇怪,我好像也并没有太多操作,但这个错误没有再出现了 ,它就像一场梦

参考文章

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: