解决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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
写出更好的JavaScript之undefined篇(上)
Nov 22 Javascript
javascript延时加载之defer测试
Dec 28 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
Apr 03 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
JavaScript中定义对象原型的两种使用方法
Dec 15 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
Jan 07 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 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大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
php5与php7的区别点总结
2019/10/11 PHP
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
js获取UserControl内容为拼html时提供方便
2014/11/02 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
AngularJS快速入门
2015/04/02 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
纯js实现仿QQ邮箱弹出确认框
2015/04/29 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
jQuery事件处理的特征(事件命名机制)
2016/08/23 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
2019/05/29 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
2020/05/08 Javascript
python获取本地计算机名字的方法
2015/04/29 Python
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
python 基础教程之Map使用方法
2017/01/17 Python
django ajax json的实例代码
2018/05/29 Python
Python爬虫文件下载图文教程
2018/12/23 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
Python如何测试stdout输出
2020/08/10 Python
HTML5 声明兼容IE的写法
2011/05/16 HTML / CSS
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
采购员岗位职责
2013/11/15 职场文书
基层工作经验证明样本
2014/11/16 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
python数字图像处理之图像的批量处理
2022/06/28 Python