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浏览器如何解决的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。