解决IE浏览器无法显示VUE项目的方法

一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser

Promise为ES6语法,有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法

①npm install --save-dev babel-polyfill

②在main.js中引入 import "babel-polyfill"

③在build文件夹中webpack.base.conf.js将

//entry: {

// app: ‘./src/main.js’

// },

替换为

entry: {

app: [‘babel-polyfill’, ‘./src/main.js’]

},

二、ie11打不开vue项目,报错 “对象不支持“addEventListener”属性或方法”

在index.html中head标签中加上

< meta http-equiv=“X-UA-Compatible” content=“IE=EDGE”/>

这个属性主要是设置浏览器优先使用什么模式来渲染页面的。#代码IE=edge告诉IE使用最新的引擎渲染网页

---------------------

作者:fighting2020

来源:CSDN

原文:https://blog.csdn.net/fighting2020/article/details/83506059

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容