详解vue-cli项目在IE浏览器打开报错解决方法
更新时间：2020年12月10日 09:23:27 作者：ywCSD
这篇文章主要介绍了详解vue-cli项目在IE浏览器打开报错解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
首先要知道VUE官网已表明仅支持IE8以上版本（不包括IE8），css弹性布局flex各浏览器支持如下:
假如项目用到弹性布局，则项目仅支持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打开包语法错误，如图所示
解决方法
点击app.js,跳转到报错的位置，如图
发现最后一行有个import的文件，所以锁定到错误肯定是在引入的这个文件内。
把common.js打开，检查语法，发现有个变量定义用了ES6的语法let。所以引入的文件，插件没有起作用。
没有将ES6转ES5。然后修改了之后，问题解决。
到此这篇关于详解vue-cli项目在IE浏览器打开报错解决方法的文章就介绍到这了,更多相关vue-cli IE打开报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了vue实现滚动鼠标滚轮切换页面，类似于纵向走马灯，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要介绍了详解vue中localStorage的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了Vue项目如何改变屏幕尺寸重新刷新页面-计算页面尺寸，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了实现一个Vue自定义指令懒加载的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
这篇文章主要为大家详细介绍了Vue数据双向绑定底层实现原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
el-select即选择器用于从若干个候选项中选择其中一个(或者多个),在传统网页开发中选择器经常被称作下拉框、下拉列表是最常用的表单元素之一,这篇文章主要给大家介绍了关于element el-select下拉框选择失效解决办法,需要的朋友可以参考下2023-08-08
在我们实际项目开发过程中，会非常频繁地和 Vue 组件的生命周期打交道，接下来我们就从源码的角度来看一下这些生命周期的钩子函数是如何被执行的,需要的朋友可以参考下面文章内容2021-09-09
这篇文章主要为大家详细介绍了vue+rem自定义轮播图效果，手指触摸左滑和右滑，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
本文记录作者在vue项目中使用到Google第三方登录，查询到的资料文档也不详细，故此把自己所遇到的坑及问题详细的记录下来。2021-07-07
这篇文章主要介绍了Vue封装全局过滤器Filters的步骤，通过封装vue全局过滤器实现filters的统一管理。感兴趣的朋友可以了解下2020-09-09
最新评论