如何解决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网页元素拖拽插件效果及实现
Aug 05 Javascript
js函数参数设置默认值的一种变通实现方法
May 26 Javascript
表单验证插件Validation应用的实例讲解
Oct 10 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
微信小程序 教程之引用
Oct 18 Javascript
关于vue-router路径计算问题
May 10 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
vue自动化路由的实现代码
Sep 30 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
Node.js Domain 模块实例详解
Mar 18 Javascript
微信小程序实现简单文字跑马灯
May 26 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
PHP简单实现DES加密解密的方法
2016/07/12 PHP
laravel利用中间件防止未登录用户直接访问后台的方法
2019/09/30 PHP
用jscript实现新建word文档
2007/06/15 Javascript
javascript背投广告代码的完善
2008/04/08 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
JavaScript 学习笔记(十五)
2010/01/28 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
js清空form表单中的内容示例
2014/05/20 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
判断网页编码的方法python版
2016/08/12 Python
Pycharm学习教程(1) 定制外观
2017/05/02 Python
python批量赋值操作实例
2018/10/22 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
python实现高斯投影正反算方式
2020/01/17 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
创建学习型党组织实施方案
2014/03/29 职场文书
诚实守信演讲稿
2014/09/01 职场文书
会计稽核岗位职责
2015/04/13 职场文书
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python
Nginx静态压缩和代码压缩提高访问速度详解
2022/05/30 Servers
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS