解决Can't find variable: SockJS vue项目的问题


Posted in Javascript onSeptember 22, 2020

用的vue-cli(webpack-simple模板),在开发环境运行(npm run dev),一直都没有问题,突然在ios的safari中调试,出现报错:

Can't find variable: SockJS

这是为什么呢?

原来这是webpack(我的版本:3.6.0)的报错,webpack的热加载是采用websocket来通知浏览器实现的, SockJS是一个必须的库。

这个问题属于意外吧,googel的话有很多方式来解决。最简单:

将webpack.config.js中的:

devtool: '#eval-source-map'

改为:

devtool:'inline-source-map'

至于这2个的差别,自己去百度吧!

补充知识:解决vue中vue-cli项目报错sockjs.js报错

在使用vue-cli脚手架创建项目的时候,在npm 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

错误分析

sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后,network会一直调用这个接口。如果没有使用,那么就一直会报这个异常。

解决办法

1.找到/node_modules/sockjs-client/dist/sockjs.js

2.在1605行,注释掉self.xhr.send(payload);这一行,然后就可以解决了

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

以上这篇解决Can't find variable: SockJS vue项目的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
node.js中的fs.symlink方法使用说明
Dec 15 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
理解javascript中Map代替循环
Feb 26 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
Oct 14 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
vue如何实现动态加载脚本
Feb 05 Javascript
VUE中使用HTTP库Axios方法详解
Feb 05 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 Javascript
vue商城中商品“筛选器”功能的实现代码
Jul 01 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 #Javascript
Js跳出两级循环方法代码实例
Sep 22 #Javascript
vue 二维码长按保存和复制内容操作
Sep 22 #Javascript
vue-router 按需加载 component: () => import() 报错的解决
Sep 22 #Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 #Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 #Javascript
小程序实现录音功能
Sep 22 #Javascript
You might like
php Smarty 字符比较代码
2011/02/27 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
Webpack打包慢问题的完美解决方法
2017/03/16 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
[02:41]2015国际邀请赛中国区预选赛观战指南
2015/05/20 DOTA
python实现关键词提取的示例讲解
2018/04/28 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
Django实现auth模块下的登录注册与注销功能
2019/10/10 Python
Python自动发送和收取邮件的方法
2020/08/12 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
Michael Kors香港官网:美国奢侈品品牌
2019/12/26 全球购物
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
应聘面试自我评价
2014/01/24 职场文书
公司接待方案
2014/03/08 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
导师鉴定意见
2015/06/05 职场文书
教师素质教育心得体会
2016/01/19 职场文书
InterProcessMutex实现zookeeper分布式锁原理
2022/03/21 Java/Android
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis
Windows Server 2012 修改远程默认端口3389的方法
2022/04/28 Servers