快速解决vue2+vue-cli3项目ie兼容的问题


Posted in Vue.js onNovember 17, 2020

刚写好的项目在谷歌能打开,ie打不开,需要处理兼容问题

先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

如果没有其他问题是可以了的,下面是我代码中出现的其他问题导致页面无法显示或者报错

sockjs报错

控制台会一直报这个错,sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。

服务端:sockjs-node(https://github.com/sockjs/sockjs-node)

客户端:sockjs-clien(https://github.com/sockjs/sockjs-client)

如果你的项目没有用到 sockjs,vuecli3 运行 npm run dev之后 network 里面一直调研一个接口:http://localhost:8080/sockjs-node/info?t=1462183700002

从根源上关闭这个调用

1. 找到node_modules\webpack-dev-server\node_modules\sockjs-client\dist\sockjs.js (若是vue3 /node_modules/sockjs-client/dist/sockjs.js)

2.找到代码的 1605行

try {
 // self.xhr.send(payload); 把这里注掉
 } catch (e) {
  self.emit('finish', 0, '');
  self._cleanup(false);
 }

SCRIPT1002: 语法错误 app.js (9409,46)

快速解决vue2+vue-cli3项目ie兼容的问题

快速解决vue2+vue-cli3项目ie兼容的问题

我的报这个错是因为在main.js中有无效的引入,删掉就好

补充知识: [vue-i18n] Value of key 'xxxx' is not a string!

在使用iview-admin框架编写目录时报了一大堆警告信息,和vue-i18n有关

解决方法

在项目的locale下的index.js文件中修改配置,让在创建 i18n 示例的时候加上参数去掉这些 warning

const i18n = new VueI18n({
 locale: lang, 
 messages,
 silentTranslationWarn: true
});

以上这篇快速解决vue2+vue-cli3项目ie兼容的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Vue.js 相关文章推荐
详解vue实现坐标拾取器功能示例
Nov 18 Vue.js
vue 插槽简介及使用示例
Nov 19 Vue.js
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
Vue+penlayers实现多边形绘制及展示
Dec 24 Vue.js
vue常用高阶函数及综合实例
Feb 25 Vue.js
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
Vue2.0搭建脚手架
Mar 13 Vue.js
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
vue如何实现关闭对话框后刷新列表
Apr 08 Vue.js
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
vue动态绑定style样式
Apr 20 Vue.js
vue中音频wavesurfer.js的使用方法
Feb 20 #Vue.js
vue使用vant中的checkbox实现全选功能
Nov 17 #Vue.js
vue+vant实现购物车全选和反选功能
Nov 17 #Vue.js
在vue中通过render函数给子组件设置ref操作
Nov 17 #Vue.js
vue+iview分页组件的封装
Nov 17 #Vue.js
vue+iview实现分页及查询功能
Nov 17 #Vue.js
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 #Vue.js
You might like
PHP中常用数组处理方法实例分析
2008/08/30 PHP
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
php编程每天必学之表单验证
2016/03/01 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
详解JavaScript中getFullYear()方法的使用
2015/06/10 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
详解JavaScript树结构
2017/01/09 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
Angular服务Request异步请求的实例讲解
2018/08/13 Javascript
python 实现A*算法的示例代码
2018/08/13 Python
Python推导式简单示例【列表推导式、字典推导式与集合推导式】
2018/12/04 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
使用Python 统计高频字数的方法
2019/01/31 Python
python Shapely使用指南详解
2020/02/18 Python
美体小铺英国官网:The Body Shop英国
2017/01/24 全球购物
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
机械设计毕业生自荐信
2014/02/02 职场文书
班主任寄语大全
2014/04/04 职场文书
《充气雨衣》教学反思
2014/04/07 职场文书
保护环境的标语
2014/06/09 职场文书
小学生校园广播稿
2014/09/28 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
Python中异常处理用法
2021/11/27 Python