https://cloud.tencent.com/developer/article/1489598

vue/cle3项目运行报错sockjs-node/info解决方案

在这篇文章中：

bug复现
webpack.config.js的目前配置如下：
报错分析
解决方案
- 1. 注释法
- 2. 配置vue.config

bug复现

继上次将vue项目脚手架工具从vue-cli2.x升级到vue-cli3.x后，除了环境、配置问题外，在运行时出现了一些个新的问题。启动项目后，在内网非本机运行项目时，控制台报错如下：

get http://localhost:8080/sockjs-node/info?t=1462183700002 net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
get http://localhost:8080/sockjs-node/info?t=1462183700002 net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
get http://localhost:8080/sockjs-node/info?t=1462183700002 net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
...

webpack.config.js的目前配置如下：

const path = require('path');const resolve = dir => path.resolve(__dirname, dir);const env = process.env.NODE_ENV;module.exports = {// 基本路径配置，解决打包路径问题publicPath: './',// 配置lesscss: {loaderOptions: {css: {},postcss: {plugins: [require('postcss-px2rem')({remUnit: 37.5})]}}},configureWebpack: (config) => {// 如果不是开发环境if (env !== 'development') {}// 路径config.resolve = {extensions: ['.js', '.vue', '.json'],alias: {'vue$': 'vue/dist/vue.esm.js','@': resolve('src'),}}},chainWebpack: config => {// 添加别名config.resolve.alias.set('@', resolve('src')).set('assets', resolve('src/assets')).set('static', resolve('src/static'));},
}

报错分析

首先，sockjs-node是何方神圣？不难查出，sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。那么在各端表现为：

服务端：sockjs-node（https://github.com/sockjs/sockjs-node）
客户端：sockjs-clien（https://github.com/sockjs/sockjs-client）

vue-cli3.x的启动方式是 npm run serve，我们没有用到该sockjs-node功能，但启动时会默认连续发请求调用本地接口。因此我们要做的就是移除掉它。那么如何移除？

解决方案

分享两种方案

1. 注释法

顾名思义，找到依赖包中的源码，将其注释：

进入路径 /node_modules/sockjs-client/dist/sockjs.js
代码1605行注释掉：

try {// self.xhr.send(payload);  //本行注释} catch (e) {self.emit('finish', 0, '');self._cleanup(false);}

重启项目

2. 配置vue.config

vue.config.js中的module.xports中添加如下，然后重启：

devServer: {proxy: 'http://localhost:8080',public: '192.168.xxx.xxx:8080'  // 本地ip
}

以上。

vue/cle3项目运行报错sockjs-node/info解决方案相关推荐

【项目运行报错】These dependencies were not found: core-js/modules/es6.array.fill in ./node_modules
项目运行报错 These dependencies were not found: core-js/modules/es6.array.fill in ./node_modules/cache-loa ...
vue3项目创建运行报错sockjs.js?9be2:1609 GET http://192.168.17.53:8080/sockjs-node/info?t=1637203080085
报错sockjs.js?9be2:1609 GET http://192.168.17.53:8080/sockjs-node/info?t=1637203080085 net::ERR_CONNEC ...
vue 项目运行报错 multiple chunks emit assts to the same filename js/401.js(chunks 401 and 401)
VUE项目运行报这个错误也没有说哪里有错误,只说有名字冲突,整个项目搜下来都没发现有相同的名字,百度也没人说.自己摸索的解决掉了.有两种情况. 情况一:如果是添加路由的时候就报这个错解决办法: 把c ...
vue项目运行报错 node_modules/.bin/vue-cli-service: Permission denied
vue项目运行 npm run serve 报错 sh: /Users/wang/WebstormProjects/test_web/node_modules/.bin/vue-cli-service ...
查看node的位置_升级Node版本RN项目运行报错cb.apply is not a function
今日打算安装一下ReactNative官方推荐的脚手架工具Ignite. infinitered/ignitegithub.com Ignite是一套整合了 Redux 以及一些常见 UI 组件的脚 ...
vue使用vuetify创建项目运行报错：error Component name XXX should always be multi-word vue/multi-word-compon
报错如下: You may use special comments to disable some warnings. Use // eslint-disable-next-line to igno ...
vue前端项目启动报错，node-sass安装失败
正常在开发的项目,突然编译报错,启动不了了报错: error E:/xxx/xxx/node_modules/node-sass: Command failed. node版本14.18.0 和 n ...
Python项目运行报错 django.core.exceptions.ImproperlyConfigured: WSGI application ‘WebTool.wsgi.application
问题描述:使用Pycharm运行python项目报错:django.core.exceptions.ImproperlyConfigured: WSGI application 'WebTool.ws ...
解决win7下nodejs安装运行报错：Node.js is only supported on Windows 8.1, Windows Server 2012 R2... 之不支持高版本问题
最近找了一个开源项目,要求高版本node,于是我直接把node版本更新到了16.0.0,结果node -v时报错: 后来查资料才知道2020年开始微软对window7操作系统不在维护,所以导致我们日程 ...

vue/cle3项目运行报错sockjs-node/info解决方案

vue/cle3项目运行报错sockjs-node/info解决方案

在这篇文章中：

bug复现

webpack.config.js的目前配置如下：

报错分析

解决方案

vue/cle3项目运行报错sockjs-node/info解决方案相关推荐

最新文章

热门文章