700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue框架在ie浏览器下的问题以及解决方法

vue框架在ie浏览器下的问题以及解决方法

时间:2023-01-26 00:16:35

相关推荐

vue框架在ie浏览器下的问题以及解决方法

vue浏览器兼容性问题ie9 ie10 edge

vue 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性,比如Object.defineProperty()此方法就会报错,

1、报错:ReferenceError: “Promise”未定义,原因是:Promise是es6的新语法,ie9和一些低版本的高级浏览器对es6新语法并不支持。

2、在vue根实例app.vue的<router-view />中渲染的路由,在ie浏览器里不显示但也不报错

3、IE浏览器并未报错,但页面是空白

上述三个问题的解决方法相同,引入babel-polyfill即可解决:

npm install --save-dev babel-polyfill

babel-polyfill用正确的姿势安装之后,引用方式有三种:

1.require("babel-polyfill"); // 在main.js文件中引入2.import"babel-polyfill";// 在main.js文件中引入3.module.exports={ // 在webpack.base.conf.js文件中引入entry:["babel-polyfill","./app/js"]};

注:第三种方法适用于使用webpack构建的同学,加入到webpack配置文件(webpack.base.conf.js)的entry项中

重新执行构建命令,在低版本的浏览器中就可以正常打开页面了。也可以直接在main.js里引用:import "babel-polyfill";

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。