快速解决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 20 Vue.js
详解vue中使用transition和animation的实例代码
Dec 12 Vue.js
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
vue 页面跳转的实现方式
Jan 12 Vue.js
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
关于Vue Router的10条高级技巧总结
May 06 Vue.js
vue如何批量引入组件、注册和使用详解
May 12 Vue.js
解决vue $http的get和post请求跨域问题
Jun 07 Vue.js
vue3中provide && inject的使用
Jul 01 Vue.js
vue实现移动端div拖动效果
Mar 03 Vue.js
使用vuex-persistedstate本地存储vuex
Apr 29 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删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
Laravel框架学习笔记之批量更新数据功能
2019/05/30 PHP
js身份证验证超强脚本
2008/10/26 Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
2010/01/22 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
javascript的BOM
2016/05/03 Javascript
jQuery拖拽通过八个点改变div大小
2020/11/29 Javascript
js实现适配不同的屏幕大小
2017/04/10 Javascript
原生JS实现层叠轮播图
2017/05/17 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
Python有序字典简单实现方法示例
2017/09/28 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
用Python编写一个简单的CS架构后门的方法
2018/11/20 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python读取csv文件实例解析
2019/12/30 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
蒙蒂塞罗商店:Monticello Shop
2018/11/25 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
收银员的岗位职责范本
2014/02/04 职场文书
高一化学教学反思
2014/02/05 职场文书
健康家庭事迹材料
2014/05/02 职场文书
挂牌仪式策划方案
2014/05/18 职场文书
经营目标管理责任书
2014/07/25 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
导游词之潮音寺
2019/09/26 职场文书
vue基于Teleport实现Modal组件
2021/05/31 Vue.js
anaconda python3.8安装后降级
2021/06/11 Python