时间:2021-05-25
首先要知道VUE官网已表明仅支持IE8以上版本(不包括IE8),css弹性布局flex各浏览器支持如下:
假如项目用到弹性布局,则项目仅支持IE10以上版本。
另外兼容其他低版本的,请另寻它法。
网上说的本人试了都是没用的,下面是亲自试验的解决方法。
1. 问题 :ie浏览器打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser;
解决方法:
安装babel-polyfill
关于网上说的babel-polyfill 需要设置很多地方,本人亲测没有必要那么麻烦,在入口文件main.js引入即可。
import 'babel-polyfill'2.问题:ie浏览器autoprefixer自动补全css前缀无效
解决方法:
ie发现使用内联样式,autoprefixer无法生效,所以需要写到style标签内。
3.问题:ie10打开包语法错误,如图所示
解决方法
点击app.js,跳转到报错的位置,如图
发现最后一行有个import的文件,所以锁定到错误肯定是在引入的这个文件内。
把common.js打开,检查语法,发现有个变量定义用了ES6的语法let。所以引入的文件,插件没有起作用。
没有将ES6转ES5。然后修改了之后,问题解决。
到此这篇关于详解vue-cli项目在IE浏览器打开报错解决方法的文章就介绍到这了,更多相关vue-cli IE打开报错内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等。首先安装babel-polyfill,解决ie不支持pro
问题吾辈使用vue-cli直接生成的vue模板项目,在模板之上继续开发的。然而在使用npmrunbuild打包项目时,却发现打包好的项目在浏览器中直接打开好像什
今天在vue-cli脚手架搭建的项目中使用axios时,遇到无法解析this.$route的报错信息,最后发现是作用域的问题。1.解决方法:使用=>原代码:ax
我的host设置报错如下:解决办法:@Vue/Cli3在vue.config.js里加上.disableHostCheck(true)vue-cli在webpa
本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考,具体如下:1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工