解决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两种跨域技术全面介绍
Apr 16 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
使用Javascript写的2048小游戏
Nov 25 Javascript
一道常被人轻视的web前端常见面试题(JS)
Feb 15 Javascript
分享jQuery网页元素拖拽插件
Dec 01 Javascript
浅谈js中对象的使用
Aug 11 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
Reactjs实现通用分页组件的实例代码
Jan 19 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
Apr 04 Javascript
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 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 中文乱码解决办法总结分析
2009/07/30 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
PHP判断用户是否已经登录(跳转到不同页面或者执行不同动作)
2016/09/22 PHP
php实现的二叉树遍历算法示例
2017/06/15 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
2020/06/19 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
Python的argparse库使用详解
2018/10/09 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
python实现矩阵打印
2019/03/02 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
django 前端页面如何实现显示前N条数据
2020/03/16 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
NYX Professional Makeup英国官网:美国平价专业彩妆品牌
2019/11/13 全球购物
金融管理专业毕业生求职信
2014/03/12 职场文书
毕业评语大全
2014/05/04 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
广播体操比赛主持词
2015/06/29 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
Python基础之数据类型知识汇总
2021/05/18 Python