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


Posted in Javascript onSeptember 13, 2018

公司新开发的项目需要兼容到IE9+

就在index.html页面加入

<meta http-equiv="X-UA-Compatible" content="IE=edge">

不起作用

总结方法:

1、兼容IE9/IE10可能会遇到语法或者 Promise错误,安装 babel-polyfill

npm install babel-polyfill

2、在页面入口配置main.js中引入 babel-polyfill

import("babel-polyfill")

3、解决编译错误----重要

重新安装一下webpack-dev-server

npm install webpack-dev-server@2.6.1 如果有淘宝镜像也可使用 cnpm

4、修改 build/webpack.base.conf.js下

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

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

5、安装babel-preset-es2015-ie

6、根目录下新建.babelrc

{
 "presets": [
  
  ["env", {
   "modules": false,
   "targets": {
    "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
   }
  }],
  "stage-2"
 ],
 "plugins": ["transform-runtime"],
 "env": {
  "test": {
   "presets": ["env", "stage-2"],
   "plugins": ["istanbul"]
  }
 }
}

7、以上操作完成后 运行

npm run dev

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery中ajax方法data参数的用法小结
Feb 12 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
JavaScript实现向右伸出的多级网页菜单效果
Aug 25 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
AngularJS 依赖注入详解和简单实例
Jul 28 Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
JavaScrip如果基于url实现图片下载
Jul 03 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
TS 类型收窄教程示例详解
Sep 23 Javascript
vue2.0获取鼠标位置的方法
Sep 13 #Javascript
vue实现动态列表点击各行换色的方法
Sep 13 #Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 #Javascript
JSONP原理及应用实例详解
Sep 13 #Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 #Javascript
javascript将非数值转换为数值
Sep 13 #Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 #Javascript
You might like
xajax写的留言本
2006/11/25 PHP
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】
2017/04/27 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
JavaScript日历实现代码
2010/09/12 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
微信小程序 Audio API详解及实例代码
2016/09/30 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
python如何删除文件、目录
2020/06/23 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
美国宠物商店:Wag.com
2016/10/25 全球购物
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
财务人员求职自荐书范文
2014/02/10 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
2015年护士节活动总结
2015/02/10 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
交通事故被告答辩状
2015/05/22 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
讲解MySQL增删改操作
2022/05/06 MySQL