vue4.5脚手架支持IE，提示sockjs错误

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

#vue兼容IE #vueCli4.5兼容IE #vue脚手架支持IE

本文介绍了如何解决使用Vue最新创建的项目在IE浏览器中遇到的sockjs错误。通过在vue.config.js文件中配置transpileDependencies，添加'sock-js'和'sockjs-client'，可以确保项目在IE上正常运行。此方法已验证效果良好。

项目组最近反馈vue最新脚手架搭建的项目不支持IE，提示sockjs错误，采用垫片也不好使，

 

刻意查了下资料，最新脚手架已经不需要配置垫片，只要配置一下transpileDependencies就行，

再vue.config.js添加如下配置即可：一定要两个都配上

 transpileDependencies:['sock-js','sockjs-client']

效果很OK的 






                

        

    


  



    



                



	

		

			

				
					
Vue3 - 不再支持 IE11，到底为什么？

				
			

			

				

					🏆 前端领域优质创作者
				

				

					11-15
					
					4255
					
				

			

		

		

			
				
vue3官方文档，vue3不支持IE官方说明文档。Vue3不再支持IE11，vue3 不支持 IE11的本质，Vue 3 不再支持 IE11，Vue 3 将不会支持 IE11 了，喜大普奔,Vue 3 将不会支持 IE11 了，Vue 3 不再支持 IE 11!_Vite，尤雨溪:Vue 3 将不再支持IE11，Vue 3 计划放弃支持 IE11，Vue 3 计划放弃支持 IE11，Vue3 - 不再支持 IE11，到底为什么？

			
		

	



                

            
              



	

		

			

				
					
VUE3脚手架工具cli配置搭建及创建VUE3工程

				
			

			

				

					雾林小妖的博客
				

				

					06-17
					
					4393
					
				

			

		

		

			
				
VUE3脚手架工具cli配置搭建及创建VUE工程

			
		

	



              


  
              

                


	

		

			

				
					
vue基于sockjs-client+stompjs实现websocket客户端

				
			

			

				

					毅香雪海的博客
				

				

					09-06
					
					1752
					
				

			

		

		

			
				
vue基于sockjs-client+stompjs实现websocket客户端

			
		

	





	

		

			

				
					
VUE + IE 语法错误 sockjs-client.js

				
			

			

				

					LEON_RAY
				

				

					02-16
					
					795
					
				

			

		

		

			
				
重新安装sockjs-client版本。

			
		

	



		

			
		



	

		

			

				
					
sockjs-client API完全指南：事件、方法与配置全解析

					
最新发布

				
			

			

				

					gitblog_01124的博客
				

				

					10-27
					
					633
					
				

			

		

		

			
				
SockJS-client是一个浏览器端JavaScript库，它提供了类似WebSocket的对象，旨在创建低延迟、全双工、跨域的浏览器与Web服务器通信通道。本文将详细解析SockJS-client的API，包括事件、方法与配置选项，帮助开发者更好地使用该库。

## 快速入门

使用SockJS-client非常简单，首先需要加载库文件。推荐使用国内CDN地址以确保访问速度和稳定性：

``...

			
		

	





	

		

			

				
					
在vue中webSocket通信

				
			

			

				

					qinchaidaren的博客
				

				

					05-11
					
					5996
					
				

			

		

		

			
				
1、简单介绍

基于webSocket通信的库主要有 socket.io，SockJS，这次用的是 SockJS。

2、前提

这里我们使用sockjs-client、stomjs这两个模块，要实现webSocket通信，需要后台配合，也使用相应的模块。

sockjs-clientsockjs-client是从SockJS中分离出来的用于客户端使用的通信模块.所以我们就直接来看看SockJS....

			
		

	





	

		

			

				
					
前端vue3通过sockjs-client建立websocket连接

				
			

			

				

					yinmingyue1999的博客
				

				

					03-10
					
					429
					
				

			

		

		

			
				
目前发现ws有两种不同的方式，使用哪种主要看后端使用了什么，前端来更换。这是使用sockjs-client直接创建对象来实现的方式。功能：通过websoket接收webrtc流，从而来进行视频流的切换。

			
		

	





	

		

			

				
					
vue项目使用SockJS插件实现webSocket通信

				
			

			

				

					wuchenyu2的博客
				

				

					12-25
					
					2258
					
				

			

		

		

			
				
背景：公司业务需求，在官网上面需添加客服答疑页面，一般都是使用websocket通信，主要是它是一个低延迟、全双工、跨域通信通道。
最终页面效果如下：
客服页面：

客户页面：

一、简单介绍
sockjs-client
sockjs-client是从SockJS中分离出来的用于客户端使用的通信模块，是一个浏览器的JavaScript库。主要是为了浏览器的兼容性，有些浏览器是不支持websocke...

			
		

	





	

		

			

				
					
在vue中使用SockJS实现webSocket通信的过程

				
			

			

				

					10-18
				

			

		

		

			
				
在Vue中使用SockJS实现WebSocket通信的过程涉及到前后端的知识，以及实时通信技术的使用。以下是基于给定文件内容的知识点梳理：  1. WebSocket通信基础：  - WebSocket是一种在单个TCP连接上进行全双工通讯的协议，...

			
		

	





	

		

			

				
					
解决vue中使用vue-cli脚手架创建项目报错sockjs.js?9be2:1606 GET

				
			

			

				

					浮生离梦的博客
				

				

					11-26
					
					2571
					
				

			

		

		

			
				
在使用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


错误分析：
...

			
		

	





	

		

			

				
					
vue3知识点5.0脚手架c-li4.5安装vue/两种方式创建vuec-li项目

				
			

			

				

					yangyangdt的博客
				

				

					12-23
					
					2097
					
				

			

		

		

			
				
vue3脚手架c-li安装vue/创建vue-cli3项目

			
		

	





	

		

			

				
					
sockjs-client：WebSocket仿真-Javascript客户端

				
			

			

				

					02-03
				

			

		

		

			
				
SockJS客户端
  
SockJS企业版
作为Tidelift订阅的一部分提供。
 SockJS的维护者以及数以千计的其他软件包正在与Tidelift一起使用，以为用于构建应用程序的开源依赖项提供商业支持和维护。 节省时间，降低风险并改善代码运行状况，同时向维护人员支付所使用的确切依赖项。 
概要
SockJS是一个浏览器JavaScript库，提供类似于WebSocket的对象。 SockJS为您提供了一个一致的，跨浏览器的Javascript API，该API在浏览器和Web服务器之间创建了低延迟，全双工，跨域的通信通道。
 在幕后，SockJS尝试首先使用本机WebSocket。 如果失败了，它可以使用各种特定于浏览器的传输协议，并通过类似WebSocket的抽象表示它们。
 SockJS旨在用于所有现代浏览器以及不支持WebSocket协议的环境（例如，限制性公司代理背后的环境）。
 SockJS-client确实需要服务器副本：
 是用于Node.js的SockJS服务器。
 哲学：
 该API应该尽可能接近 。
 所有传输必须开箱即用地支持跨域连接。 可能并建议将Soc

			
		

	





	

		

			

				
					
SockJS-client:WebSocket 模拟和 Javascript 客户端-开源

				
			

			

				

					08-07
				

			

		

		

			
				
SockJS 是一个浏览器 JavaScript 库，它提供了一个类似 WebSocket 的对象。 SockJS 为您提供了一个连贯的、跨浏览器的 Javascript API，它在浏览器和 Web 服务器之间创建了一个低延迟、全双工、跨域的通信通道。 在底层，SockJS 尝试首先使用原生 WebSockets。 如果失败，它可以使用各种特定于浏览器的传输协议，并通过类似 WebSocket 的抽象来呈现它们。 SockJS 旨在适用于所有现代浏览器和不支持 WebSocket 协议的环境，例如，在限制性公司代理背后。 SockJS-client 确实需要一个服务器对应物，例如 SockJS-node，它是 Node.js 的 SockJS 服务器。 API 应尽可能地遵循 HTML5 Websockets API。 所有传输都必须支持开箱即用的跨域连接。 可以并建议在与主网站不同的服务器上托管 SockJS 服务器。

			
		

	





	

		

			

				
					
sockjs-client-node:Node 的 SockJS 客户端

				
			

			

				

					06-10
				

			

		

		

			
				
已弃用
项目现在支持在 node 中运行，并且支持比这个项目更多的传输。 我强烈建议您改用它。
SockJS 客户端节点
节点客户端。 目前，仅支持 XHR Streaming 传输。
用法
 var sjsc = require('sockjs-client');
var client = sjsc.create("http://localhost/sjsServer");
client.on('connection', function () { // connection is established });
client.on('data', function (msg) { // received some data });
client.on('error', function (e) { // something went wrong });
client.write("Ha

			
		

	





	

		

			

				
					
vue使用SockJS实现webSocket通信

				
			

			

				

					奋斗的小猪
				

				

					12-21
					
					1165
					
				

			

		

		

			
				
import SockJS from 'sockjs-client'
import Stomp from 'stompjs'


data() {
    return {
      stompClient: '',
      timer: ''
    }
  },
  computed: {
    fixedHeader() {
      return this.$store.state.settings.fixedHeader
    }
  },
  mounted() {
    thi.

			
		

	





	

		

			

				
					
vue使用sockjs-client+stompjs进行websocket连接的方法

				
			

			

				

					weixin_30480651的博客
				

				

					09-19
					
					6614
					
				

			

		

		

			
				
1. 什么是sockjs和stompjs
Sock.js(处理兼容性)
支持浏览器：html5的协议，所以老浏览器不支持
兼容怎么办？
Sock.js来了
Sock.JS的一大好处在于提供了浏览器兼容性。优先使用原生WebSocket，如果在不支持websocket的浏览器中，会自动降为轮询的方式。
spring也对socketJS提供了支持。
Stomp.js（处理传...

			
		

	





	

		

			

				
					
sockjs/sockjs-client

				
			

			

				

					
				

				

					05-10
					
					1078
					
				

			

		

		

			
				
sockjs/sockjs-client

        
	
        
            

    sockjs/sockjs-clientSockJS family: SockJS-client JavaScript client library SockJS-node Node.js server SockJS-erl...

			
		

	





	

		

			

				
					
Vue脚手架快速构建企业站前端框架

				
			

			

				

					
				

			

		

		

			
				
## Vue脚手架搭建的简单企业站知识点概述  ### 标题理解  标题"vue脚手架搭建的简单企业站"表明该项目是利用Vue CLI脚手架工具快速搭建起来的企业级网站原型。Vue CLI（Command Line Interface）是Vue.js官方提供的...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 4

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值