解决 vue 项目一直出现 sockjs-node/info?t=问题

最新推荐文章于 2025-05-28 16:02:29 发布
最新推荐文章于 2025-05-28 16:02:29 发布
阅读量1.9k 收藏
点赞数 2
CC 4.0 BY-SA版权
文章标签： vue.js 前端 javascript html 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Zing_ing/article/details/139942840

在这里插入图片描述
其实如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环境就可以了。
如果是生产环境，很大可能是应该是域名和ip映射出问题，重启node，检查重新配置域名和ip映射就可以了。也就是说重启下项目

如果直接更改/node_modules/sockjs-client/dist/sockjs.js 文件，则会关闭热加载

Frilled Lizard
关注
vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT
Debug的博客
06-07 8854
平时在写vue项目的时候经常会遇到这个问题，写着写着浏览器就会突然抛出下面这个报错（这个报错无关紧要，不影响开发，一般不要管他，有强迫症的小伙伴往下看） 网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道，当我们在项目运行的时候会自动调用这个接口，如果没有使用，就会一直报这个错误（企业中跟后端联调之后就不会有这个报错了） 解决方法： 1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件 .
关于网页请求/sockjs-node/info?t=＜当前时间戳＞
m0_51431448的博客
08-23 4872
npm run serve启动项目之后，在network中会自动持续发送 /sockjs-node/info?t= 请求（vue/cli5是目前最新的版本，绝大多数项目都是在vue/cli5版本以下搭建的，通过vue/cli5搭建的项目没有该接口，应该有其他替换），那么这个请求有什么用呢？
在 Vue 2 项目里引入 sockjs.min.js 、 stomp.min.js 和 jquery.js
weixin_46011290的博客
05-28 357
第一种方式适用于直接使用静态文件，第二种方式更符合现代前端开发规范，推荐使用第二种方式。
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
weixin_30604651的博客
12-26 4456
首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（https://github.com/sockjs/sockjs-client） 如果你的...
vue 一直运行 /sockjs-node/info?t=解决办法
CaseyWei
06-29 4281
sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。开发时，如果变更网络环境（如切换wifi导致开发服务器的IP地址更换），服务器不知道如何确定访问源，就有可能造成上述情况。项目根目录，找到/node_modules/sockjs-client/dist/sockjs.js。找到代码的 1605行，注视掉xhr请求。
vue项目一直出现 sockjs-node/info?t=XX的解决办法
大剑师兰特的GIS世界
12-08 2610
Access to XMLHttpRequest at 'http://localhost:8080/sockjs-node/info?t=1637898467581' from origin 'http://192.168.1.69:8080' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space local
vue 项目一直出现 sockjs-node/info?t=**** ，并造成浏览器不能及时更新编码改动结果 解决方案
qq_38932474的博客
03-02 1284
首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/sockjs-node） 客户端：sockjs-clien（https://github.com/sockjs/sockjs-client） 如果你的项目没有用到 sockjs，vuecli3 运行 npm run serve 之后 network 里面一直调研一
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
weixin_43550562的博客
07-06 549
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
2020 vue-cli3 控制台一直打印 /sockjs-node/info?t=xxxxx 解决方案
超逸の学习技术博客
01-19 2327
文章目录1、背景：2、解决办法3、结束语 点击进入Vue❤学习专栏~ 1、背景： 2、解决办法 以下是最有可能情况： 如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环境就可以了。 如果是生产环境，很大可能是应该是域...
vue-cli 中 /sockjs-node/info?t= net::ERR_SSL_PROTOCOL_ERROR 解决方案报错
小小前端
03-12 5589
sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 解决 找到/node_modules/sockjs-client/dist/sockjs.js 找到代码的 1605行 把这行代码注释掉 try { //self.xhr.send(payload); } catch (e) { ...
vue 项目 sockjs-node/info?t=一直报错，怎么解决呢？
半夏_2021的博客
05-09 4207
vue 项目 sockjs-node/info?t=一直报错，怎么解决呢？
解决 vue 项目一直出现 sockjs-node/info?t=1554978**** ，并造成浏览器不能及时更新编码改动结果
热门推荐
FKNIGHT 的博客
10-14 10万+
首先sockjs-node是一个JavaScript库，提供跨浏览器 JavaScript 的 API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/sockjs-node） 客户端：sockjs-clien（https://github.com/sockjs/sockjs-client） ...
vue 一直运行 /sockjs-node/info?及 /sockjs-node/info报错解决办法
蓝胖子的博客
12-08 7707
vue 一直运行 /sockjs-node/info?及 /sockjs-node/info报错解决办法
vue2 一直重复请求 /sockjs-node/info?t= 并且报错的解决方法
木啊马
04-11 997
开发 vue2 项目时，启动之后一直有重复请求 /sockjs-node/info?t= 的报错信息，很影响开发体验。sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。查询源头为中（如下图所示），实际是不能直接删除的。
uniapp 解决请求出现 /sockjs-node/info?t=问题
风吹稻花香的博客
08-13 1248
不过uni-app 项目里没有这个库，这个库是在开发工具里，不想去里面翻找，想着之前不报这个错，现在报错了，肯定和添加了web端有关系，于是去看了下源码视图，看了下h5下的https:true,报错的地址是http的，将https:true改为https:false，或者直接注销，报错就没有了。这个错误在是vue2开发H5的时候遇到过，当时处理方法是注销sockjs里的一段代码。最近使用uniapp 开发的项目需要添加web端，测试的时候就会出现接口报错。
vue项目运行 /sockjs-node/info?t= 报错
qq_37760041的博客
08-31 659
如图修改/node_modules/sockjs-client/dist/sockjs.js注释掉1606行 保存刷新就搞定啦！
Failed to compile. multi (webpack)-dev-server/client?http://localhost:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js Module not found: Error: Can't resolve './src/main.js' in 'E:\bise\javabise\基于springboot vue电影管理系统\1891springboot v
最新发布
06-27
<think>我们正在解决webpack-dev-server编译时找不到'./src/main.js'模块的问题。根据错误信息，这通常是因为webpack的入口配置问题或文件路径错误导致的。参考引用[1]中的错误信息：ERRORin./src/index.jsModulenotfound:Error:Can'tresolve'./components/Button'，这与我们的问题类似，都是模块解析失败。可能的原因及解决方案：1.检查入口文件路径：在webpack配置中，入口（entry）指向的路径是否正确。默认情况下，webpack会查找'./src/index.js'，但我们的错误是找不到'./src/main.js'，所以可能是配置中指定了入口为'./src/main.js'，但该文件不存在。2.确认文件存在：确保项目根目录下的src文件夹中确实存在main.js文件（或根据你的项目结构，入口文件可能是index.js，也可能是其他）。3.检查webpack配置文件：通常为webpack.config.js。查看entry属性，例如：entry:'./src/main.js'如果文件不存在，则需要创建该文件，或者修改entry为正确的路径（例如'./src/index.js'）。4.如果项目使用TypeScript，可能需要配置ts-loader或babel-loader来正确处理模块。参考引用[2]中关于TypeScript的配置，但我们的问题似乎是文件路径问题，所以先确保文件存在。步骤：1.检查项目目录结构：确认是否有`src/main.js`文件。2.检查webpack.config.js中的entry配置。3.如果文件存在且路径正确，可能是webpack的context配置问题，但通常context默认为当前目录（即项目根目录）。如果以上步骤不能解决，请提供更多信息，例如你的项目结构、webpack配置内容等。另外，如果使用webpack-dev-server，确保运行目录正确（在项目根目录运行）。示例webpack.config.js配置：```javascriptconstpath=require('path');module.exports={entry:'./src/main.js',//确保这个路径正确output:{filename:'bundle.js',path:path.resolve(__dirname,'dist')},//其他配置...};```如果main.js文件不存在，你有两个选择：a)创建该文件（在src目录下创建main.js）b)修改webpack配置的entry为存在的文件（例如'./src/index.js'）如果问题仍然存在，请检查文件路径的大小写，因为有些操作系统（如Linux）是大小写敏感的。另外，如果项目使用了别名（alias）配置，也需要检查别名配置是否正确。最后，清理缓存并重新安装依赖有时也能解决问题，可以尝试：-删除node_modules和package-lock.json，然后重新运行npminstall-运行webpack时加上--no-cache参数希望这些步骤能帮助你解决问题。</think>### Webpack-dev-server "Module not found" 错误解决方案 当遇到 `Module not found: Error: Can't resolve './src/main.js'` 错误时，通常表示 webpack 无法找到指定的入口文件。以下是系统性的解决步骤： #### 1. **验证文件路径存在性** ```bash # 检查文件是否存在 ls src/main.js ``` - 若文件不存在： - 创建文件：`touch src/main.js` - 或修改 webpack 配置指向正确入口 #### 2. **检查 webpack 配置** 在 `webpack.config.js` 中确认入口路径： ```javascript module.exports = { entry: './src/main.js', // 确保路径正确 // 其他配置... }; ``` - **相对路径陷阱**：使用 `path.resolve` 处理路径： ```javascript const path = require('path'); entry: path.resolve(__dirname, 'src/main.js') ``` #### 3. **验证上下文路径** ```javascript module.exports = { context: __dirname, // 确保上下文是项目根目录 // ... }; ``` #### 4. **清理构建缓存** ```bash # 清理 webpack 缓存 rm -rf node_modules/.cache # 或使用 CLI 参数 webpack serve --no-cache ``` #### 5. **检查文件扩展名** 在配置中添加自动解析的扩展名： ```javascript resolve: { extensions: ['.js', '.jsx', '.json'] } ``` #### 6. **验证 NPM 依赖** ```bash # 检查 webpack 安装状态 npm list webpack webpack-dev-server webpack-cli # 若缺失则安装 npm install --save-dev webpack webpack-dev-server webpack-cli ``` #### 7. **检查启动命令** 在 `package.json` 中确认脚本配置： ```json "scripts": { "start": "webpack serve --config webpack.config.js" } ``` #### 8. **项目结构验证** 确保标准结构： ``` project-root/ ├── src/ │ └── main.js <-- 入口文件 ├── package.json └── webpack.config.js ``` > **重要提示**：如果使用 TypeScript，需配置 `ts-loader` 并添加 `.ts` 扩展名[^2]。 ### 常见错误场景 - **路径大小写敏感**：Linux 系统中 `src/Main.js` ≠ `src/main.js` - **符号链接问题**：通过 `npm link` 链接的模块可能引发路径解析错误 - **IDE 路径误导**：某些 IDE 默认以子目录为工作区，需在根目录启动 ### 调试建议 在 `webpack.config.js` 中添加解析日志： ```javascript resolve: { plugins: [ new (require('webpack/lib/dependencies/ResolverPlugin'))({ hooks: { resolve: context => console.log(context) } }) ] } ``` 执行以上步骤后，90% 的路径解析错误可被解决。若问题仍存在，请提供完整的错误日志和项目结构截图。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值