vue2.5.2 在ie11打开空白的解决方法

1.ie10下加载报错

解决方法:

1. cnpm安装babel-polyfill

  cnpm install --save-dev babel-polyfill

2. 在入口文件main.js中倒入:import ‘babel-polyfill‘

3. 如果也是用了官方脚手架vue-cli,还需要在build文件夹下的webpack.config.js配置文件中做各修改,用

module.exports = {

  entry: {

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

  }

};

替换

module.exports = {

  entry: {

    app: ‘./src/main.js‘

  }

}

2.另外,

这个问题的也是利用上述方法解决

3.但如果已经安装并配置babel-polyfill,页面还是空白,且ie11下无报错信息。

解决问题的思路:打开ie仿真,将版本切换到ie10,

查看报错信息:

是关于swiper的报错信息,最后发现是swiper版本的问题,最新的swiper4在ie中显示就是会出问题,将版本降到3.4.2就可以显示了,(降版本的方法:cnpm install --save-dev [email protected] )

vue项目查看插件版本的方法:根目录下的package.json

原文地址:https://www.cnblogs.com/duanzhenzhen/p/11357034.html

时间: 2024-10-09 14:18:07

vue2.5.2 在ie11打开空白的解决方法的相关文章

sharepoint 2013 office web app 2013 文档在线浏览 IE11 浏览器不兼容解决方法

昨晚配置完成office web apps 2013的外部网络访问之后,今天发现了一个很奇怪的问题,就是IE 11不支持文档在线浏览,找了很多方法,打补丁什么的,都不管用,最后在预览文件的页面,看到<head>标签,里面有一句代码: <meta http-equiv="X-UA-Compatible" content="IE=99" /> 我把他改成了 <meta http-equiv="X-UA-Compatible&quo

img标签下多余空白BUG解决方法

在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的 对于该问题的解决方法也是“见机行事”. 1.将图片转换为块级对象 即,设置img为“display:block;”.在本例中添加一组CSS代码:“#sub img {display:block;}”. 2.设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.如本例中

Myeclipse下JSP打开报空指针异常解决方法。

Myeclipse下JSP打开报空指针异常解决方法 一.运行JSP文件就出错 静态的JSP页面访问时候正常,只要是牵涉到数据库的页面就出错,出错见下图. 出现这种情况让我调试了一天,各种断点,各种改代码,改数据库连接等等都试过都没有解决…… 二.解决方法 不经意间运行的时候选择了安装的tomcat 运行,一下就出来了!!!!! 把之前的改动都恢复到原来出错的时候,发现也可以正常运行,我去,,,,,忙活了大半天原来代码没有问题. >>>>>>>>>>

c++buider2010 中.dfm无法打开设计界面的解决方法

最近一个同事离职,部分软件交接给我,基本都是C++buider2010环境开发的,可惜我还不太会用C++buider,记得昨天他说有个软件不知道被他怎么倒腾的无法看到设计界面的,他暂时也没有办法,所以在他离职一天后的今天,我决心要解决这个问题,以下是经过我验证的解决方法,希望能够帮助遇到相同为题的朋友,同时也是为了做好笔记 c++buider2010 中.dfm无法打开设计界面的解决方法: 这个问题是由于头文件引起的,例如你的头文件名为     "Hello.h"那么你可以用几十本打开

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法转

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法 最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式).搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了问题,也参考了 千寻学习网 的资料,先将解决方法总结如下: 首先需要确保你的HTML页面开始部分要有DOC

转载------让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

本文是转载及收藏 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法 最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式).搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了问题,也参考了 千寻学习网 的资料,先将解决方法总结如下: 首先需要确保你的HTML页面

打开phpstorm乱码解决方法

phpstorm mac使用安全重命名,移动,删除,提取方法,内联变量,推送成员向上/向下拉动成员,更改签名以及许多其他重构来可靠地重构代码,简单高效!但是也有很多Mac用户反映打开phpstorm出现乱码问题,该如何解决?有兴趣的朋友下面就和小编一起来看看吧! 如果打开后显示乱码,请先删除resources_cn.jar,然后打开phpstorm,在菜单上依次选择File -> Settings -> Appearance&Behavior -> Appearance ->

打开 chm 帮助文件显示空白及解决方法

有个很奇葩的解决方法:把 chm 文件用压缩软件压缩,然后用压缩软打开此压缩包,直接双击压缩包里面的 chm 文件 这虽然解决了问题,但是这不科学…… 分析:直接打开压缩包里面的文件,压缩包的文件是临时解压到系统的临时文件夹的,那么这个应该是权限问题导致在其他盘打开 chm 文件一片空白 知道原因了就好办,解决方法:右键点击 chm 文件,选择属性,然后看下图,点击“解除锁定”即可(图中我已经点击过了,所以变成灰色)

CHM文档打开空白的解决

网上打包的CHM格式的文档,有时候打开无论点击目录哪一章节都会出现一片空白或者显示已取消到该网页的导航 这个情况的原因就是CHM文件在Windows的HTFS文件系统中会默认被阻止显示,解决方法就是在文件上右击,选择属性,在常规选项卡界面下方的安全中会看到文件被阻止了,选中"解除锁定"复选框,然后单击确定按钮即可,以后这个选项也就不再出现了 现在文件可以正常显示了