解决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 相关文章推荐
JavaScript设计模式之策略模式实例
Oct 10 Javascript
创建、调用JavaScript对象的方法集锦
Dec 24 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
js自定义select下拉框美化特效
May 12 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
Vue 进入/离开动画效果
Dec 26 Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
Jan 18 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 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 5.5版本的array_column()函数
2014/10/24 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
2010/03/16 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
深入理解JS中的Function.prototype.bind()方法
2016/10/11 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
python调用新浪微博API项目实践
2014/07/28 Python
编写同时兼容Python2.x与Python3.x版本的代码的几个示例
2015/03/30 Python
Python实现把xml或xsl转换为html格式
2015/04/08 Python
Python中设置变量访问权限的方法
2015/04/27 Python
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
python 根据pid杀死相应进程的方法
2017/01/16 Python
python 统计列表中不同元素的数量方法
2018/06/29 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
python烟花效果的代码实例
2020/02/25 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
列车长先进事迹材料
2014/01/25 职场文书
星级党支部申报材料
2014/05/31 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
入党培养人考察意见
2015/06/08 职场文书
nginx 防盗链防爬虫配置详解
2021/03/31 Servers