资讯专栏INFORMATION COLUMN

vue2.0 兼容ie9及其以上

sunny5541 / 1723人阅读

摘要:官方的意思是项目可以在以上的版本中运行但其实使用构建的项目也还是不能在以上的版本中运行下面就来讲如何在以上版本中运行安装在项目入口文件,如本项目中的文件中引用修改配置文件到此编译项目之后该项目就可以成功在以上的浏览器中打开


vue官方的意思是vue项目可以在ie8以上的ie版本中运行 但其实使用vue-cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行

下面就来讲vue如何在ie8以上ie版本中运行

1.安装 babel-polyfill

cnpm install babel-polyfill --save-dev

2.在项目入口文件,如本项目中的main.js文件中 引用babel-polyfill

import "babel-polyfill"

3.修改webpack配置文件

module.exports = {
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  },
  ...
}

到此 编译项目npm run build之后 该项目就可以成功在ie8以上的浏览器中打开了
flex布局不兼容ie9及其一下

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99892.html

相关文章

  • 解决vue2.0下IE浏览器白屏问题

    摘要:公司新开发的项目需要兼容到就在页面加入不起作用总结方法兼容可能会遇到语法或者错误,安装在页面入口配置中引入解决编译错误重要重新安装一下如果有淘宝镜像也可使用修改下安装根目录下新建以上操作完成后运行 公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 不起作用 总结方法: 兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill...

    _Zhao 评论0 收藏0
  • 解决vue2.0下IE浏览器白屏问题

    摘要:公司新开发的项目需要兼容到就在页面加入不起作用总结方法兼容可能会遇到语法或者错误,安装在页面入口配置中引入解决编译错误重要重新安装一下如果有淘宝镜像也可使用修改下安装根目录下新建以上操作完成后运行 公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 不起作用 总结方法: 兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill...

    Tony_Zby 评论0 收藏0
  • 解决vue2.0下IE浏览器白屏问题

    摘要:公司新开发的项目需要兼容到就在页面加入不起作用总结方法兼容可能会遇到语法或者错误,安装在页面入口配置中引入解决编译错误重要重新安装一下如果有淘宝镜像也可使用修改下安装根目录下新建以上操作完成后运行 公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 不起作用 总结方法: 兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill...

    lijy91 评论0 收藏0
  • 【面试系列】之四:关于原生dom操作

    摘要:指向后一个同辈元素的元素版。复制后返回的节点副本属于文档所有,但并没有为它指定父节点。生成结束秒钟后,将个颠倒过来,内容也就变成了。 之四:关于原生dom操作 下周被内推了百度糯米的面试,决定趁这个周末恶补下原生的js基础,感觉自己被jQuery惯坏了吧!前两天听首页部同组的大牛师兄说:其实还是js基础重要,不要盲目追求新技术,基础练好了就像把自己的内功修炼好,内功扎实才能修炼好武功秘...

    hatlonely 评论0 收藏0
  • 从html,css,javascript三方面谈谈“浏览器兼容性”的问题

    摘要:可以理解为,在屏幕上通过浏览器窗口所能看到网页内容的高度。都表示浏览器中网页内容的高度,但稍有区别。解决等浏览器不支持标签的问题高版本的浏览器用了低版本的浏览器无法识别的元素,从而导致不能解析。这时候我们就会面临这个兼容性问题。 javaScript 在IE、FireFox、Netscape等不同的浏览器里,对于document.body的clientHeight、offsetHeig...

    William_Sang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<