详解vue-cli项目在IE浏览器打开报错解决方法


Posted in Vue.js onDecember 10, 2020

首先要知道VUE官网已表明仅支持IE8以上版本(不包括IE8),css弹性布局flex各浏览器支持如下:

详解vue-cli项目在IE浏览器打开报错解决方法

假如项目用到弹性布局,则项目仅支持IE10以上版本。

另外兼容其他低版本的,请另寻它法。

网上说的本人试了都是没用的,下面是亲自试验的解决方法。

1. 问题 :ie浏览器打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser;

解决方法:

安装babel-polyfill

npm install babel-polyfill --save-dev

关于网上说的babel-polyfill 需要设置很多地方,本人亲测没有必要那么麻烦,在入口文件main.js引入即可。

import 'babel-polyfill'

2.问题:ie浏览器autoprefixer自动补全css前缀无效

解决方法:

ie发现使用内联样式,autoprefixer无法生效,所以需要写到style标签内。

3.问题:ie10打开包语法错误,如图所示

详解vue-cli项目在IE浏览器打开报错解决方法

解决方法

点击app.js,跳转到报错的位置,如图

详解vue-cli项目在IE浏览器打开报错解决方法

发现最后一行有个import的文件,所以锁定到错误肯定是在引入的这个文件内。

把common.js打开,检查语法,发现有个变量定义用了ES6的语法let。所以引入的文件,插件没有起作用。

没有将ES6转ES5。然后修改了之后,问题解决。

到此这篇关于详解vue-cli项目在IE浏览器打开报错解决方法的文章就介绍到这了,更多相关vue-cli IE打开报错内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
springboot+vue实现文件上传下载
Nov 17 Vue.js
Vue与React的区别和优势对比
Dec 18 Vue.js
详解Vue的异步更新实现原理
Dec 22 Vue.js
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 Vue.js
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
vue基于Teleport实现Modal组件
May 31 Vue.js
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 Vue.js
详解Vue router路由
Nov 20 Vue.js
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 #Vue.js
vue添加自定义右键菜单的完整实例
Dec 08 #Vue.js
vue中如何自定义右键菜单详解
Dec 08 #Vue.js
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 #Vue.js
vue祖孙组件之间的数据传递案例
Dec 07 #Vue.js
在vue中动态修改css其中一个属性值操作
Dec 07 #Vue.js
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 #Vue.js
You might like
PHP删除数组中空值的方法介绍
2014/04/14 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
取得传值的函数
2006/10/27 Javascript
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
jQuery版Tab标签切换
2011/03/16 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
2013/04/18 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
2014/04/30 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
Vue.js组件通信的几种姿势
2017/10/23 Javascript
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
python根据经纬度计算距离示例
2014/02/16 Python
Python实现基于权重的随机数2种方法
2015/04/28 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
J2EE面试题
2016/03/14 面试题
机关门卫的岗位职责
2014/04/29 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
八年级英语教学反思
2016/02/15 职场文书
学生会自荐信
2019/05/16 职场文书