vue运行后报错sockjs.js:1606 GET http://localhost:9528/sockjs-node/info?t=1578985745446 net::ERR_CONNECTIO

最新推荐文章于 2022-09-30 11:13:19 发布
原创 最新推荐文章于 2022-09-30 11:13:19 发布 · 5.9k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决在本地运行Vue项目时遇到的sockjs连接被拒绝错误的方法。通过注释掉sockjs-client中特定行的代码，可以有效避免此问题。

sockjs.js:1606 GET http://localhost:9528/sockjs-node/info?t=1578985745446 net::ERR_CONNECTION_REFUSED
vue项目本地运行后控制台报如上错，解决办法：

依赖node_modules中打开sockjs-client -> dist -> sockjs.js 1605 行中注释代码。
如下：在这里插入图片描述

vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT
Debug的博客
06-07 9010
平时在写vue项目的时候经常会遇到这个问题，写着写着浏览器就会突然抛出下面这个报错（这个报错无关紧要，不影响开发，一般不要管他，有强迫症的小伙伴往下看） 网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道，当我们在项目运行的时候会自动调用这个接口，如果没有使用，就会一直报这个错误（企业中跟后端联调之后就不会有这个报错了） 解决方法： 1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件 .
http://localhost:8080/sockjs-node/info?t=1556418283950 net:: ERR_CONNECTION_REFUSED（亲测有效~!）
milijiangjun的博客
08-17 5163
1 运行vue 项目后出现错误 http://localhost:2001/sockjs-node/info?t=1597628862842 出现问题原因： sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/soc…） 客户端：sockjs-client（https://github.com/sockjs/soc
sockjs.js?9be2:1603 GET http://192.168.1.7:8080/sockjs-node/info?t=1654959638136 net::ERR_C
weixin_63896561的博客
06-11 3490
sockjs.js?9be2:1603 GET http://192.168.1.7:8080/sockjs-node/info?t=1654959638136 net::ERR_C
​sockjs.js?9be2:1609 GET http://192.168.1.104:8080/sockjs-node/info?t=1613746594141 net::ERR_CONNEC
qq_52317104的博客
09-16 841
sockjs.js?9be2:1609 GEThttp://192.168.1.104:8080/sockjs-node/info?t=1613746594141net::ERR_CONNECTION_TIMED_OUT错误连接方式解决方法 在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GEThttp://192.168.16.105:8080/sockjs...
vue项目运行时报错 GET http://192.168.218.30:9528/sockjs-node/info?t=1621493924581 net::ERR_CONNECTION_TIMED
qq_42724333的博客
05-20 1533
## 报错截图如下 ## 解决方法： // node_modules/sockjs-client/dist/sockjs.js // 将第1609行代码注释掉 try { // self.xhr.send(payload); // 第1609行 } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); } }; 根据经验贴，还未发现有关热更新的问题。 但是先把查到的资料放在这里..
vue中使用vue-cli脚手架运行项目报错sockjs.js?9be2:1606
weixin_45149736的博客
05-26 737
解决vue中使用vue-cli脚手架运行项目报错sockjs.js?9be2:1606 事件描述 在使用vue-cli脚手架运行项目的时候，通过npm run serve命令运行以后，项目web页面我没有任何操作一会以后发现浏览器的控制台有了几个报错 后来在百度寻找以后，发现是JavaScript的sockjs-node库发生了异常。 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，
运行报错：sockjs.js?9be2:1606 GET http://localhost:7777/sockjs-node/info?t=1609136473067 net::ERR_CONNECT
Cheryl的加工厂
12-28 719
运行vue项时控制台一直有如下报错， sockjs.js?9be2:1606 GET http://localhost:7777/sockjs-node/info?t=1609136473067 net::ERR_CONNECT 新建vue.config.js文件，写入以下代码 module.exports = { devServer: { port: 8081, public: 'localhost:8081', host: 'localhost'
解决vue中使用vue-cli脚手架创建项目报错sockjs.js?9be2:1606 GET
浮生离梦的博客
11-26 2576
在使用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 错误分析： ...
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
关于sockjs.js?9be2:1606 GET http://****/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI 错误解决方案
weixin_41262185的博客
02-08 9499
关于sockjs.js?9be2:1606 GET http://192.168.1.1:8080/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI错误解决方案 概述： 创建好项目后，用npm run serve运行项目时，运行后console控制台总报sockjs.js?9be2:1606 GET http://192.168.1.110:80...
Vue--运行项目发送http://localhost:8080/sockjs-node/info请求报错，造成浏览器不能热更新
haonanhai1688的专栏
09-22 1216
今早习惯打开vscode 输入 npm run dev 准备修复测试提出的bug 不料一堆通红的报错，让人感到有点绿的慌。 有问题呢，就需要解决问题。经过一番排查后发现是我昨天为了让测试在我本地项目中测试的时候在package.json中添加一些字段，可以让她在同一局域网下访问我的本地项目。 既然知道了原因就很容易解决了。把--host 10.101.2.43 去掉就可以解决。 不过感觉这种方式很敷衍，如果有需要的情况下，就不能这样解决了。 然后就查sockjs-node报错原因。 ...
vue项目 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_
热门推荐
weixin_38694789的博客
03-23 1万+
在做vue项目时，突然就报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误 网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双...
2021-08-22vue项目 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465
hh3167253066的博客
08-22 1697
在做vue项目时，突然就报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误 网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一直会
vue项目浏览器调试报socketjs-node接口报错的问题
liushun1223的博客
12-09 2730
项目启动后，打开浏览器调试，发现好多info?t=…的接口报错。 点进去之后发现时sockjs-node的接口报错了。 其实sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 vue cli3项目启动之后，浏览器的 network 里面会一直调一个接口：http://192.168.168.31:8080/sockjs-node/info?t=… 如果你的项目中确实没有用到这个js，有一个方法可以取消
Vue项目报错：sockjs.js?9be2:1603 GET http://10.179.116.126:8080/sockjs-node/info?t=166442
weixin_43181470的博客
09-30 1150
浏览器中报sockjs.js的错
vue-cli3 一直运行 /sockjs-node/info?t=xxxxx
huangwei2014的博客
03-10 300
将node_modules/sockjs-client/dist/sockjs.js中1606行注释掉 1605 try { 1606 //self.xhr.send(payload); 1607 } catch (e) { 1608 self.emit('finish', 0, ''); 1609 self._cleanup(false); 1610 } ...
vue项目运行 /sockjs-node/info?t= 报错
qq_37760041的博客
08-31 677
如图修改/node_modules/sockjs-client/dist/sockjs.js注释掉1606行 保存刷新就搞定啦！
解决vue报错sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_
csdn_823的博客
09-24 458
vue项目 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR__有梦想的程序猿的博客-优快云博客
chunk-vendors.js:12061 [HMR] Waiting for update signal from WDS... main.js:43 [Vue warn]: Invalid prop: type check failed for prop "defaultOpeneds". Expected Array, got String with value "['任务中心']". found in ---> <ElMenu> at packages/menu/src/menu.vue <SystemOps> at src/views/taskCenter/taskCenter.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 assertProp @ vue.runtime.esm.js:1704 validateProp @ vue.runtime.esm.js:1631 loop @ vue.runtime.esm.js:4659 initProps @ vue.runtime.esm.js:4690 initState @ vue.runtime.esm.js:4633 Vue._init @ vue.runtime.esm.js:4996 VueComponent @ vue.runtime.esm.js:5144 createComponentInstanceForVnode @ vue.runtime.esm.js:3280 init @ vue.runtime.esm.js:3111 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 merged @ vue.runtime.esm.js:3298 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 merged @ vue.runtime.esm.js:3298 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 updateChildren @ vue.runtime.esm.js:6206 patchVnode @ vue.runtime.esm.js:6309 patch @ vue.runtime.esm.js:6472 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 [Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of null (reading 'username')" found in ---> <Header> at src/views/login/header.vue <ElHeader> at packages/header/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 logError @ vue.runtime.esm.js:1883 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 invokeWithErrorHandling @ vue.runtime.esm.js:1861 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 TypeError: Cannot read properties of null (reading 'username') at VueComponent.headinfo (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=script&lang=js:92:37) at VueComponent.mounted (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=script&lang=js:140:10) at invokeWithErrorHandling (vue.runtime.esm.js:1853:57) at callHook (vue.runtime.esm.js:4213:7) at Object.insert (vue.runtime.esm.js:3136:7) at invokeInsertHook (vue.runtime.esm.js:6336:28) at VueComponent.patch [as __patch__] (vue.runtime.esm.js:6555:5) at Vue._update (vue.runtime.esm.js:3942:19) at VueComponent.updateComponent (vue.runtime.esm.js:4060:10) at Watcher.get (vue.runtime.esm.js:4473:25) logError @ vue.runtime.esm.js:1887 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 invokeWithErrorHandling @ vue.runtime.esm.js:1861 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/taskCenter/taskCenter.vue?vue&type=script&lang=js:85 生产流程 main.js:43 [Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'userId')" found in ---> <Header> at src/views/login/header.vue <ElHeader> at packages/header/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 logError @ vue.runtime.esm.js:1883 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 Vue._render @ vue.runtime.esm.js:3544 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 TypeError: Cannot read properties of null (reading 'userId') at Proxy.render (cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38da2d39-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=template&id=2c2e50e6&scoped=true:96:60) at Vue._render (vue.runtime.esm.js:3542:22) at VueComponent.updateComponent (vue.runtime.esm.js:4060:21) at Watcher.get (vue.runtime.esm.js:4473:25) at Watcher.run (vue.runtime.esm.js:4548:22) at flushSchedulerQueue (vue.runtime.esm.js:4304:13) at Array.eval (vue.runtime.esm.js:1979:12) at flushCallbacks (vue.runtime.esm.js:1905:14) logError @ vue.runtime.esm.js:1887 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 Vue._render @ vue.runtime.esm.js:3544 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 [Vue warn]: Invalid prop: type check failed for prop "defaultOpeneds". Expected Array, got String with value "['任务中心']". found in ---> <ElMenu> at packages/menu/src/menu.vue <SystemOps> at src/views/taskCenter/taskCenter.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 assertProp @ vue.runtime.esm.js:1704 validateProp @ vue.runtime.esm.js:1631 updateChildComponent @ vue.runtime.esm.js:4141 prepatch @ vue.runtime.esm.js:3122 patchVnode @ vue.runtime.esm.js:6298 updateChildren @ vue.runtime.esm.js:6183 patchVnode @ vue.runtime.esm.js:6309 updateChildren @ vue.runtime.esm.js:6183 patchVnode @ vue.runtime.esm.js:6309 patch @ vue.runtime.esm.js:6472 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI vue.runtime.esm.js:8418 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue-router.esm.js:2009 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/flowCenter/producteFlow". at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2009:15) at createNavigationDuplicatedError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1979:15) at HTML5History.confirmTransition (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2272:18) at HTML5History.transitionTo (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2204:8) at HTML5History.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2545:10) at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2964:22) at new Promise (<anonymous>) at VueRouter.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2963:12) at VueComponent.mounted (webpack-internal:///./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/flowCenter/flowCenter.vue?vue&type=script&lang=js:88:55) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:57) createRouterError @ vue-router.esm.js:2009 createNavigationDuplicatedError @ vue-router.esm.js:1979 confirmTransition @ vue-router.esm.js:2272 transitionTo @ vue-router.esm.js:2204 push @ vue-router.esm.js:2545 eval @ vue-router.esm.js:2964 push @ vue-router.esm.js:2963 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/flowCenter/flowCenter.vue?vue&type=script&lang=js:88 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 push @ vue-router.esm.js:2545 eval @ vue-router.esm.js:2964 push @ vue-router.esm.js:2963 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/taskCenter/taskCenter.vue?vue&type=script&lang=js:86 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918239700' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918239700 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918247202' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918247202 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918255527' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918255527 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at 'http://192.168.126.108:10101/sockjs-node/info?t=1750918265778' from origin 'http://localhost:10101' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918265778 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI
最新发布
06-27
### Vue.js 错误排查与解决方案 #### 属性类型检查失败（Prop Type Validation Failed） 在 Vue 组件中，当父组件传递的 `prop` 类型与子组件定义的类型不一致时，会触发属性类型检查失败的警告或错误。Vue 提供了 `props` 的类型校验机制，确保传入的数据符合预期。 解决方法： - 确保父组件传递的值类型与子组件中定义的 `props` 类型一致。 - 使用默认值（`default`）来防止未定义的值导致问题。 - 对于可选值可以使用 `validator` 函数进行进一步验证。 ```javascript props: { title: { type: String, required: true, default: '默认标题', validator: function (value) { return value.length > 0; } } } ``` #### TypeError：读取 null 的属性 此类错误通常发生在尝试访问一个 `null` 或 `undefined` 变量的属性时。在 Vue 中，这可能是因为数据尚未初始化或异步请求尚未完成，但模板已经尝试渲染该数据。 解决方法： - 在模板中使用 `v-if` 控制渲染时机，确保数据存在后再访问其属性。 - 使用默认值或设置初始状态，避免访问未定义的对象属性。 - 在 JavaScript 中使用可选链操作符（`?.`）安全访问深层属性。 ```vue <template> <div v-if="user">{{ user?.profile?.name }}</div> </template> <script> export default { data() { return { user: null }; } }; </script> ``` #### 渲染异常（Rendering Error） 渲染错误可能由多种原因引起，包括但不限于模板语法错误、组件未正确注册、动态组件无法解析等。 解决方法： - 检查模板中的语法是否正确，例如标签闭合、指令拼写等。 - 确保所有使用的组件均已注册。 - 使用 `<component :is="...">` 时确保传入的组件名称有效且已注册。 ```javascript components: { MyComponent } ``` #### NavigationDuplicated 错误（路由重复导航） 当使用 Vue Router 时，如果多次调用相同的导航方法（如 `push` 或 `replace`），可能会抛出 `NavigationDuplicated` 错误。 解决方法： - 捕获并忽略该错误，不影响程序运行。 ```javascript this.$router.push('/target').catch(err => { // 忽略重复导航错误 }); ``` - 升级 Vue Router 到支持自动忽略重复导航的版本（如 3.6+）[^1]。 #### CORS 策略阻止请求（CORS Policy Blocked Request） 跨域资源共享（CORS）策略限制了浏览器对不同源服务器发起的请求。在 Vue 应用中，当使用 `axios` 或 `fetch` 请求外部 API 时，若服务器未正确配置 CORS 头，会导致请求被拦截。 解决方法： - 后端服务添加合适的响应头，例如： ```http Access-Control-Allow-Origin: * Access-Control-Allow-Headers: Content-Type, Authorization Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS ``` - 前端配置代理（适用于开发环境），在 `vue.config.js` 中设置代理： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://backend.example.com', changeOrigin: true, pathRewrite: { '^/api': '' } } } } }; ``` - 使用 `withCredentials: true` 来允许携带凭据（如 Cookie）[^5]。 ---
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值