解决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,实现插入排序实现代码
Jul 31 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
ajax与302响应代码测试
Oct 23 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
Apr 25 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
jquery实现左右轮播切换效果
Jan 01 jQuery
JavaScript创建、读取和删除cookie
Sep 03 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
vue实现图片上传预览功能
Dec 23 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 正则 过滤html 的超链接
2009/06/02 PHP
php 定义404页面的实现代码
2012/11/19 PHP
php限制ip地址范围的方法
2015/03/31 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
PHP实现的注册,登录及查询用户资料功能API接口示例
2017/06/06 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
Z-Blog中用到的js代码
2007/03/15 Javascript
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
深入理解JavaScript定时机制
2010/10/29 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
JavaScript面向对象之私有静态变量实例分析
2016/01/14 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
2017/07/27 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
vue小白入门教程
2018/04/02 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
vue开发中遇到的问题总结
2020/04/07 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
Python类的专用方法实例分析
2015/01/09 Python
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python读取图片属性信息的实现方法
2016/09/11 Python
python实现折半查找和归并排序算法
2017/04/14 Python
Django框架模板介绍
2019/01/15 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
德国最新街头服饰网上商店:BODYCHECK
2019/09/15 全球购物
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
应届生.NET方向面试题
2015/05/23 面试题
教师优秀党员事迹材料
2014/08/14 职场文书
学习雷锋主题班会
2015/08/14 职场文书
《坐井观天》教学反思
2016/02/18 职场文书