vue解决sockjs报错

最新推荐文章于 2025-10-27 06:26:15 发布
原创 最新推荐文章于 2025-10-27 06:26:15 发布 · 2.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

打开node_modules -》  sockjs_client -》 dist -》 sockjs.js 

找到1606行左右，将self.xhr.send(payload);注释掉

一般开发的时候不要注释掉，打包的时候再注释，因为注释掉以后就不能热加载了 

解决vue依赖报错SockJSServer.js出现Cannot read property ‘headers‘ of null
xc9711的博客
06-27 968
修复问题SockJSServer.js报错Cannot read property 'headers' of null
vue3 引入 sockjs-client 报错问题 (global is not defined)
开源世界
06-10 4978
问题 今天在 vue3 中引入 sockjs-client 的时候莫名的报了个错，而且页面里也没有 global 相关的内容，使得 sockjs-client 无法使用。报错信息如下： 解决方法 1 在 index.html 中，添加 虽然此时解决了 global 报错问题，但这种情况还会继续报其他错误，所以不建议使用。解决方法 2 改变引入方式，将 import SockJS from ‘sockjs-client’; 改为 import SockJS from ‘sockjs-client/dist/s
vue项目当中报错 sockjs.js
zhilige的博客
05-29 579
①、找到/node_modules/sockjs-client/dist/sockjs.js ②、找到代码的 1605行 try { // self.xhr.send(payload); // 把这行注释掉 } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); } 刷新，搞定。
vue项目浏览器调试报socketjs-node接口报错的问题
liushun1223的博客
12-09 2721
项目启动后，打开浏览器调试，发现好多info?t=…的接口报错。 点进去之后发现时sockjs-node的接口报错了。 其实sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 vue cli3项目启动之后，浏览器的 network 里面会一直调一个接口：http://192.168.168.31:8080/sockjs-node/info?t=… 如果你的项目中确实没有用到这个js，有一个方法可以取消
sockjs-client服务端协议详解：从/info到连接建立
最新发布
gitblog_00893的博客
10-27 544
你是否在使用WebSocket时遇到过浏览器兼容性问题？是否想了解实时通信背后的协议细节？本文将带你深入sockjs-client的服务端协议实现，从/info请求到连接建立的全过程，让你彻底搞懂实时通信的底层逻辑。读完本文，你将能够：理解SockJS的连接建立流程、掌握/info端点的作用、了解传输方式选择机制、解决常见的连接问题。 ## /info端点：连接前的握手先锋 在SockJS客户...
解决 vue 项目一直出现 sockjs-node/info?t=1554978****问题
一只小白奔向大牛的故事
11-29 9917
首先先上图 看到很多人都是这么干的: 1. 找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代码的 1605行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finish', 0, ''); self._clea...
vue 一直运行 /sockjs-node/info?及 /sockjs-node/info报错解决办法
蓝胖子的博客
12-08 7820
vue 一直运行 /sockjs-node/info?及 /sockjs-node/info报错解决办法
Socket编程中的踩坑点
Darren的博客
06-29 1187
文章目录1 ObjectInputStream和ObjectOutputStream之间通信的死锁现象1.1 第一个解释1.2 第二个解释1.3 解决办法2 对象输出流无法写入的问题2.1 哪些写入流操作需要手动flush？2.1.1 字节流OutputStream2.1.2 字符流Writer2.1.3 总结2.2 延展：Java io中的flush操作 1 ObjectInputStream和ObjectOutputStream之间通信的死锁现象 1.1 第一个解释 Socket编程中一个很奇怪的现象
解决vue中vue-cli项目报错sockjs.js报错
Tiramisu07的博客
04-19 2267
在使用vue-cli脚手架创建项目的时候，在npm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.16.213:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT 错误分析 sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
通过以上方法，大部分情况下可以解决Vue项目在IE11中白屏和`SCRIPT1002: 语法错误`的问题。如果问题依然存在，可能需要检查其他依赖项或代码中是否有不兼容的ES6特性，逐个排查并进行相应的转换。
ws 通过nginx代理访问报'Connection' header value must contain 'Upgrade'
paj123456789的博客
05-06 1253
socket.io.js:8 WebSocket connection to 'ws://192.168.*.*:8080/socket.io/?EIO=3&transport=websocket&sid=1Zpa4PHegBd3VH1-AAAt' failed: Error during WebSocket handshake: 'Connection' header value...
webSocket部署服务器遇到最大的坑之'Connection' header value must contain 'Upgrade' 苹果手机未能完成操作。(OSStatus错误-9801。)
u013518407的博客
04-26 2657
webSocket部署服务器遇到最大的坑1.用的Nginx反向代理，按照网上配置，但还是报'Connection' header value must contain 'Upgrade'3.升级Nginx方式: 1.用的Nginx反向代理，按照网上配置，但还是报’Connection’ header value must contain ‘Upgrade’ 原因是Nginx版本过低，不支持Upgr...
解决vue中使用vue-cli脚手架创建项目报错sockjs.js?9be2:1606 GET
浮生离梦的博客
11-26 2570
在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT 错误分析： ...
关闭node_modules映射页面时不停发送的请求
she8362315的博客
03-14 906
找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代码的 1605行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); } ...
vue 一直发送请求websocket
G佳伟
05-18 2300
vue前端一直发生websocket请求的解决办法，VUE项目不断发送websocket请求
ant design pro一直运行sockjs-node/info?t=1628046626131
qq_45149366的博客
08-04 344
每次查看network中请求的接口的时候总有一个info?t=XXX的接口，看着有点碍眼。 网上查了下， 说在node_modules\sockjs-client\dist\sock.js中的1605行屏蔽这一行代码self.xhr.send(payload); try { self.xhr.send(payload); } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); } 就可以停止发送。 我的
vue项目运行 /sockjs-node/info?t= 报错
qq_37760041的博客
08-31 675
如图修改/node_modules/sockjs-client/dist/sockjs.js注释掉1606行 保存刷新就搞定啦！
vue中使用vue-cli脚手架运行项目报错sockjs.js?9be2:1606
weixin_45149736的博客
05-26 735
解决vue中使用vue-cli脚手架运行项目报错sockjs.js?9be2:1606 事件描述 在使用vue-cli脚手架运行项目的时候，通过npm run serve命令运行以后，项目web页面我没有任何操作一会以后发现浏览器的控制台有了几个报错 后来在百度寻找以后，发现是JavaScript的sockjs-node库发生了异常。 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，
vue连接stompjs报错找不到net
08-13
在 Vue 项目中使用 `@stomp/stompjs` 连接 WebSocket 服务时，如果遇到 **“找不到 net 模块”** 的错误，通常是因为 `stompjs` 的某些版本依赖 Node.js 的内置模块（如 `net`、`tls` 等），而这些模块在浏览器环境中是不可用的。 `@stomp/stompjs` 的较新版本（如 v6+）已经提供了 **浏览器友好的 WebSocket 适配器**，不再默认依赖 Node.js 的模块。如果仍然报错，可能是项目构建工具（如 Webpack 或 Vite）错误地引入了 Node.js 版本的依赖。 ### 解决方案 1. **使用 `SockJS` 或浏览器原生 WebSocket 适配器** 在初始化 STOMP 客户端时，明确指定使用浏览器支持的 WebSocket 实现： ```javascript import { Client } from '@stomp/stompjs'; import { SockJSClient } from '@stomp/stompjs/lib/sockjs-client'; const client = new Client({ brokerURL: 'ws://your-websocket-url', webSocketFactory: () => new SockJSClient('http://your-websocket-url'), // 或者使用原生 WebSocket // webSocketFactory: () => new WebSocket('ws://your-websocket-url'), debug: (str) => { console.log(str); }, reconnectDelay: 5000, }); client.activate(); ``` 2. **确保使用正确的版本** 确保安装的是适用于浏览器的版本，避免引入 Node.js 环境的模块： ```bash npm install @stomp/stompjs sockjs-client ``` 3. **配置构建工具排除 Node.js 模块** 如果使用的是 Webpack，可以在 `webpack.config.js` 中添加如下配置，防止构建工具尝试引入 Node.js 模块： ```js module.exports = { // ... resolve: { fallback: { net: false, tls: false, fs: false, }, }, }; ``` 如果使用的是 Vite，Vite 默认不支持 Node.js 模块，因此应确保依赖不引入这些模块。 4. **检查构建目标环境** 确保没有在服务端（如 SSR）环境中使用 `stompjs`，否则可能需要额外的适配或环境判断逻辑。 ### 示例代码 ```javascript import { Client } from '@stomp/stompjs'; const client = new Client({ brokerURL: 'ws://localhost:8080/ws', webSocketFactory: () => new WebSocket('ws://localhost:8080/ws'), debug: (msg) => console.log(msg), onConnect: () => { console.log('Connected to WebSocket'); client.subscribe('/topic/messages', (message) => { console.log('Received message:', message.body); }); }, onStompError: (frame) => { console.error('Broker reported error: ' + frame.headers['message']); console.error('Additional details: ' + frame.body); }, }); client.activate(); ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值