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

 更新时间:2020年11月17日 11:58:08   作者:千金一发  
这篇文章主要介绍了快速解决vue2+vue-cli3项目ie兼容的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

刚写好的项目在谷歌能打开,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)

我的报这个错是因为在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兼容的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue3中watch监听的五种情况详解

    Vue3中watch监听的五种情况详解

    watch函数用于侦听某个值的变化,当该值发生改变后,触发对应的处理逻辑,本文将给大家介绍了Vue3中watch监听的五种情况,文中通过代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下
    2024-03-03
  • 使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

    使用Vue.js报错:ReferenceError: “Vue is not d

    在前端开发中,ReferenceError: "Vue is not defined" 是一个常见的错误,该错误通常发生在项目中未正确引入 Vue.js 框架或代码配置存在问题时,本篇文章将详细分析该错误的成因,并提供多种解决方案,帮助开发者快速排查问题,需要的朋友可以参考下
    2024-12-12
  • Vue errorHandler异常捕获

    Vue errorHandler异常捕获

    这篇文章主要介绍了Vue errorHandler异常捕获,需要的朋友可以参考下
    2023-10-10
  • Vue项目中大文件切片上传实现秒传与断点续传的详细实现过程

    Vue项目中大文件切片上传实现秒传与断点续传的详细实现过程

    这篇文章主要给大家介绍了关于Vue项目中大文件切片上传实现秒传与断点续传的详细实现过程, 在开发中,如果上传的文件过大,可以考虑分片上传,分片就是说将文件拆分来进行上传,将各个文件的切片传递给后台,然后后台再进行合并,需要的朋友可以参考下
    2023-08-08
  • vue 实现动态设置元素的高度

    vue 实现动态设置元素的高度

    这篇文章主要介绍了在vue中实现动态设置元素的高度,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue微信公众号网页分享的示例代码

    Vue微信公众号网页分享的示例代码

    这篇文章主要介绍了Vue微信公众号网页分享的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Vue filter 过滤当前时间 实现实时更新效果

    Vue filter 过滤当前时间 实现实时更新效果

    这篇文章主要介绍了Vue filter 过滤当前时间 实现实时更新效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • 关于element ui中el-cascader的使用方式

    关于element ui中el-cascader的使用方式

    这篇文章主要介绍了关于element ui中el-cascader的使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • elementui上传文件不允许重名的解决方案

    elementui上传文件不允许重名的解决方案

    用户可以多文件上传 ,在上传到服务器之前需要检查服务器中有无重名的文件,如果有会返回重名文件的名称数组,这些文件需要一个一个的向用户确认是否要覆盖重传,这篇文章主要介绍了elementui上传文件不允许重名,需要的朋友可以参考下
    2024-02-02
  • vue2 elementui if导致的rules判断失效的解决方法

    vue2 elementui if导致的rules判断失效的解决方法

    文章讨论了在使用Vue2和ElementUI时,将if语句放在el-form-item内导致rules判断失效的问题,并提出了将判断逻辑移到外部的解决方案,感兴趣的朋友一起看看吧
    2024-12-12

最新评论