项目场景:
提示:在运行一个vue项目时,浏览器报错
问题描述
Uncaught SyntaxError: The URL ‘http:/sockjs-node’ is invalid
at new SockJS (sockjs.js:678:1)
at initSocket (socket.js:9:10)
at Object. (index.js:211:1)
at ./node_modules/webpack-dev-server/client/index.js?http: (app.js:612615:30)
at webpack_require (bootstrap 973eba7be840c091a25f:678:1)
at fn (bootstrap 973eba7be840c091a25f:88:1)
at 0 (app.js:644444:1)
at webpack_require (bootstrap 973eba7be840c091a25f:678:1)
at bootstrap 973eba7be840c091a25f:724:1
at bootstrap 973eba7be840c091a25f:724:1
原因分析:
这个错误提示表明URL ‘http:/sockjs-node’ 是无效的。在这个错误中,URL 的后半部分少了一个斜杠,应该是 ‘http://sockjs-node’。
可以尝试修改代码,将URL 改为 ‘http://sockjs-node’,然后重新运行。这样应该可以解决这个语法错误。
解决方案:
找到项目文件夹下的node modules\webpack-dev-server\client\index.js文件
在重新启动项目,npm run dev ,就不报错了