vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空白 5C

各位大神帮忙看看,为什么ie11下显示空白,也没有报错!!
图片说明
我的配置如下:
webpack.base.conf.js中添加了babel-polyfill:
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app:["babel-polyfill", './src/main.js']
},
main.js下导入了babel-polyfill:import 'babel-polyfill'
.babelrc文件的配置为:

{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
["es2015", {
"modules": false
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime",
["import", {
"libraryName": "iview",
"libraryDirectory": "src/components"
}]
],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dyna mic-import-node"]
}
}
}



4个回答

解决方式:安装 "babel-polyfill" 即可。

命令:cnpm install --save-dev babel-polyfill    //我用的是淘宝镜像,所以是cnpm,如果你没有安装使用npm 即可。

在入口main.js文件引入:import 'babel-polyfill'

最后一步,在build文件夹下找到webpack.base.conf.js.

图片说明
将第10行的内容替换一下即可。

<br>
图片说明
把上图中的1替换成2即可,懒得动手就复制吧。

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

qq_41187568
qq_41187568 我也是这么配置的,一部分显示出来了,一部分还是空白的
6 天之前 回复
weixin_43855914
琉鲂ペ佰世° 嘻嘻 回复Beamon__: 有解决了吗?
3 个月之前 回复
weixin_43855914
琉鲂ペ佰世° 嘻嘻 回复岁月抹平了我的小脾气: 有解决了吗?
3 个月之前 回复
weixin_43855914
琉鲂ペ佰世° 嘻嘻 回复qq_15076441: 有解决了么?
3 个月之前 回复
qq_15076441
qq_15076441 回复岁月抹平了我的小脾气: 题主,我遇到了相同的问题,最后解决了吗,如何做呢?
8 个月之前 回复
Beamon__
Beamon__ 回复u010603891: 我遇到了相同的问题,不知道老哥解决了么?如何做的
9 个月之前 回复
u010603891
岁月抹平了我的小脾气 我就是这么配置的,可是还是不兼容ie
11 个月之前 回复

图片说明 楼主解决了吗 我的也一样 babel-polyfill 也安装了

vipsongtaohong
vip.khan 回复琉鲂ペ佰世° 嘻嘻: 解决了 是安装的其他插件的语法没能转过来 你把你的插件检查一下
3 个月之前 回复
weixin_43855914
琉鲂ペ佰世° 嘻嘻 回复weixin_43120345:你有解决这个问题了吗?
3 个月之前 回复
weixin_43855914
琉鲂ペ佰世° 嘻嘻 回复vip.khan: 那这种情况要如何解决啊! 能告知下吗?谢谢!
3 个月之前 回复
vipsongtaohong
vip.khan 回复weixin_43120345: 解决了 按照安装 "babel-polyfill" 的方法如果还未能解决 看看项目中使用的插件和框架 多半是那些框架的语法没能转换成es5
4 个月之前 回复
weixin_43120345
weixin_43120345 解决这个问题了吗?求解方法
4 个月之前 回复

安装babel-polyfill
npm install babel-polyfill --save-dev

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

在重新启动就行

大佬,重启了也不好使

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie下显示空白
1、安装babel-polyfill npm install babel-polyfill --save-dev 2、main.js中引入 import 'babel-polyfill' 3、webpack.base.conf.js文件里修改代码如下 module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"...
vue项目兼容IE浏览器
vue项目兼容IE浏览器 利用vue写出的项目打包后在IE浏览器下显示空白,是因为缺少babel-polyfill的缘故。 解决方法: 1、安装babel-polyfill包; 2、在main.js文件中引入babel-polyfill; 3、在webpack.base.config.js中将entry中的app: './src/main.js'配置改为:app: ['babel...
Vue项目兼容IE浏览器
Vue项目部署到服务器后,通常除IE浏览器外其他都正常,而IE浏览器会报这么个问题因为Vue使用了ES6 Promise,而IE浏览器不支持,解决方法是: 使用babel-polyfill转换 https://babeljs.io/docs/usage/polyfill/npm install --save-dev babel-polyfill如果使用vue-cli项目,在webpack.con
vue兼容IE浏览器
1、安装babel-polyfill npm install --save babel-polyfill 安装成功后在package.json中显示相关依赖;2、在main.js中引入babel-polyfill import 'babel-polyfill'3、在index.html中加入以下代码(选择项) &lt;meta http-equiv="X-UA-Compatible" conte...
vue兼容ie浏览器
首先我们按照步骤来安装vue-cli 创建项目运行 npm install npm run dev 然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的 官网地址:https://github.com/vuejs/vue 然后就找资料查文档,总算给我找到了。 要实现其实很简单,只需要我们下载一个babel-polyfill, npm install bab...
vue项目兼容IE浏览器问题总结
1.axios兼容问题 npm install es6-promise --save-dev 在main.js中添加 import promise from 'es6-promise'; promise.polyfill(); 2.兼容ie9、IE10可能会遇到语法或者promise错误 npm install babel-polyfill 在main.js中添加 impor...
vue项目兼容ie浏览器的问题
可能大家在用vue-cli开发vue项目时,会遇到在IE浏览器中显示一片空白的问题,而且可能还会显示“Promise未定义”的问题,这个时候大家不要慌!现在解决方式来了: 安装 "babel-polyfill" 即可。 步骤: 1、在命令行输入“npm i babel-polyfill” 2、在main.js中“ import 'babel-polyfill' ” 3、在build文...
图片在IE浏览器不显示,在其他浏览器正常
之前做项目遇到一个问题,在IE(IE8-11)上测试兼容性的时候发现部分图片不显示,也不报错,在chrome、Firefox、Opera上都是正常的。 检查了很久的代码,图片路径什么的,但是如果路径不对应该不止在IE上不显示,在其他浏览器上应该也是不显示的,而且只是不显示并没有报错。 后来想起来UI设计师刚开始给的是JPG格式的图片,由于某些原因(具体哪些原因忘记了)我给改成了PNG格式的图片
IE浏览器下,VUE项目页面打开空白
一 问题描述 今天偶然用IE打开所做后台系统,发现居然空白一片!!!什么都没有,好可怕,事故现场如下:
vue+iview 兼容IE11浏览器
最近在搞一个基于vue的后台管理系统兼容IE浏览器,眼泪都要掉下来。后来和产品说了,同意兼容IE11,感动得我眼泪啊 这里也就是记录一下我遇到的超级烦的bug 首先是'babel-polyfill' 和"autoprefixer-loader" 这个不用多说,资源一大堆 webpack 有 webpack-dev 不支持IE低版本了,要把 webpack 版本往下调,我是拒绝的, 然后...
vue项目在IE11下空白
今天遇到了vue项目在IE11下显示空白的地方,第一个反应是兼容性,然后仔细检查了一下项目,然后发现没有去安装babel-polyfill,所以就第一时间去安装: npm install babel-polyfill -D 然后在main.js里引入(一般放在首行): import 'babel-polyfill' 然后在webpack.config.base.js里: entry: { a...
IE11表格边框显示不正常(如图),求解?其他浏览器正常
![图片说明](https://img-ask.csdn.net/upload/201506/18/1434616582_951470.png)nIE11,“采购凭证”单元格右侧和“行项目”左侧显示不正常啊,怎么解决?
Vue兼容360、ie浏览器
一、关于babel-polyfill 1、说明:This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool. This polyfill is automatically loaded when using babel-no...
Vue兼容IE浏览器解决方案
Vue的小伙伴们,困扰大家的IE浏览器支持Vue的问题,目前已经找到了一个比较好的解决方案,亲测有效~~~因为IE浏览器不支持ES6的Promise,解决方案如下:babel-polyfill第一步:在项目中安装babel-polyfillyarn add babel-polyfill -dev复制代码第二步:如果大家使用的是vue-cli脚手架,在webpack.base.conf.js修...
vue在IE11下不兼容 页面显示空白的问题
1.首先安装babel-polyfill依赖   npm install --save-dev babel-polyfill2.进入项目入口文件 main.js  导入    import   &quot;babel-polyfill&quot;3.在webpack的配置文件夹 将 app:&quot;./src.main.js&quot;改为 app:[&quot;babel-polyfill&quot;,&quot;./src.main.js&quot;]现在就可以看到 ...
IE浏览器显示问题
网页返回的错误信息 没有显示APACHE的错误提示信息而是IE自己的错误信息页面: Internet选项——高级——显示友好的错误页面 将这个勾去掉 即可
浏览器显示空白!!???
我用eclipse写了一个简单的html和jsp代码 rn运行时出现了一些问题 rnrn当我启动Tomcat(启动时没有错误),打开浏览器运行html时,会正常运行 rn但是提交后,进入jsp页面时,是一片空白,什么内容也显示不出来 rn在eclipse的控制台中显示如下信息: rnrn2004-12-10 20:17:09 org.apache.jasper.runtime.JspFactoryImpl internalGetPageContext rn严重: Exception initializing page context rnjava.lang.NoClassDefFoundError: org/apache/commons/el/ExpressionEvaluatorImpl rnat org.apache.jasper.runtime.JspFactoryImpl.internalGetPageContext(JspFactoryImpl.java:144) rnat org.apache.jasper.runtime.JspFactoryImpl.getPageContext(JspFactoryImpl.java:106) rnat org.apache.jsp.zuoye2.check_jsp._jspService(check_jsp.java:32) rnat org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:133) rnat javax.servlet.http.HttpServlet.service(HttpServlet.java:856) rnat org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:311) rnat org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:301) rnat org.apache.jasper.servlet.JspServlet.service(JspServlet.java:248) rnat javax.servlet.http.HttpServlet.service(HttpServlet.java:856) rnat org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:284) rnat org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:204) rnat org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:256) rnat org.apache.catalina.core.StandardValveContext.invokeNext(StandardValveContext.java:151) rnat org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:564) rnat org.apache.catalina.core.StandardContextValve.invokeInternal(StandardContextValve.java:245) rnat org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:199) rnat org.apache.catalina.core.StandardValveContext.invokeNext(StandardValveContext.java:151) rnat org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:564) rnat org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:195) rnat org.apache.catalina.core.StandardValveContext.invokeNext(StandardValveContext.java:151) rnat org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:164) rnat org.apache.catalina.core.StandardValveContext.invokeNext(StandardValveContext.java:149) rnat org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:564) rnat org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:156) rnat org.apache.catalina.core.StandardValveContext.invokeNext(StandardValveContext.java:151) rnat org.apache.catalina.core.StandardPipeline.invoke(StandardPipeline.java:564) rnat org.apache.catalina.core.ContainerBase.invoke(ContainerBase.java:972) rnat org.apache.coyote.tomcat5.CoyoteAdapter.service(CoyoteAdapter.java:211) rnat org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:805) rnat org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.processConnection(Http11Protocol.java:696) rnat org.apache.tomcat.util.net.TcpWorkerThread.runIt(PoolTcpEndpoint.java:605) rnat org.apache.tomcat.util.threads.ThreadPool$ControlRunnable.run(ThreadPool.java:677) rnat java.lang.Thread.run(Thread.java:534) rnrnrn请高人指点一下
调用的百度地图API,其他浏览器正常,在IE下不能正常显示。
如题,贴出源码。rn[code=C#]rnrnrnrn rn 酒店地址rn rnrnrn rn 当地图加载完成后,请双击鼠标左键选择酒店地址。rn rn rn rn rn (注:该地址由系统自动生成,如显示地址不正确,请在地址栏手动输入正确地址。同时,我们会取最后一次的标记为酒店地址。)rn rn rnrnrn rn[/code]
VUE+element-ui 开发的项目 IE浏览器打开显示空白问题
因为IE浏览器版本的问题,IE浏览器不支持ES6,所以就出现了promise未定义的问题 需要下载babel-polyfill  在main.js中引用 babel-polyfill 1 npm install --save babel-polyfill 2 import  'babel-polyfill'...
ie浏览器(ie11及以下)
(ie10,ie11) 开发环境下: :在 Access-Control-Allow-Origin 标头中未找到源 http://192.168.200.243:8077。 SCRIPT7002: XMLHttpRequest: 网络错误 0x80700013, 由于出现错误 80700013 而导致此项操作无法完成。                   ...
angular项目兼容IE浏览器
前言 图书馆的项目最近想要放到钉钉上使用,但是项目放到微信公众号上可以访问,放到钉钉上却不可以用,刚开始很疑惑为什么会这样呢,后来才知道钉钉的内核是IE内核,把项目放到电脑上的IE浏览器中也是不可以访问的。知道了为什么,接下来就好办了,那就是解决呗。 叙述 其实angular项目如何兼容IE浏览器,项目中已经告诉我们了,打开angular自动生成的polyfill.ts文件,你可以看到这...
Vue 2.0 项目在IE下显示空白
新写的项目在 IE浏览器显示空白 解释一: Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。 举...
IE11 浏览器下点击 Http400 ,谷歌,火狐其他浏览器正常
今天在工作中,偶然发现ie11的一个bug,用的是a 标签 参数带中文时 会出现http400错误,不跳转页面 其他浏览器确可以正常访问,在网上搜索了下,发现很多办法,请求换成post 或者web 里接受处理下,我用的是最简单的方式,如下: js里 name=小明  用自带方法encodeURI()处理下再传就不会出问题了 例:window.location.href= &quot;index?id=&quot;...
IE 浏览器不正常显示
IE 浏览器不正常显示,除了版本原因外,可能还有其他原因引起,可以试用下面这个方法: 方法是:为所有用户禁用 IE ESC,步骤为: 1、关闭所有 Internet Explorer 的实例。 2、单击「开始」,指向管理工具,然后单击服务器管理器。 3、如果出现“用户帐户控制”对话框,单击“继续”。 4、在“安全摘要”下,单击“配置 IE ESC”。 5、在“管理员”下,单...
IE浏览器显示不正常
IE11 可以启动视图,设置->兼容性视图设置->添加此网站,之后添加,即可。
vue项目兼容ie11问题解决方案
谷歌浏览器浏览正常,但是在ie11浏览器,qq浏览器(兼容模式),360浏览器(兼容模式),总是登录不了页面,有时能登录页面但是部分页面总是加载不出来,出现白屏现在,看控制台报出语法错误,但是项目中明明已经引入了, 有的页面还是提示语法错误,根据控制台提示还是提示语法错误,查看build完的js文件里面还是有es6语法,导致ie11不识别,检查关键字为element-ui关键字,于是解决方案...
在IE浏览器显示NaN
解决new Date()在IE中出现NaN的字符。详细解决方案代码见.txt文件中。
vue接口在Ie浏览器不显示的解决方法
 之前使用网上普通的用的安装polyfill依赖的方法,发现并无作用,偶然间看到别人写的下面的方法,发现可以完美解决。IE浏览器不调接口的问题。   本人亲测下列两种方法可行: 法一:webpack.base.conf.js中配置 entry: {     // &quot;babel-polyfill&quot;用来解决的兼容性     app: ['./node_modules/babel-polyfill...
IE内核浏览器显示问题
firefox下显示是正常的rn[img=http://hi.csdn.net/attachment/201102/4/1802577_1296805233mto1.jpg][/img]rnIE内核下显示就这样,IE6 7 8 都装过 都一样。360浏览器也是的,毕竟也是IE内核的浏览器rn[img=http://hi.csdn.net/attachment/201102/4/1802577_1296805230biPe.jpg][/img]rnrn开始以为是flash player的问题,但是更新到adobe flash player10.1,仍然是这样的。真是头疼。有没有哪位大神知道是什么问题呢
favicon.ico在IE浏览器显示问题
收藏显示图标: link rel="bookmark" type="image/x-icon" href="favicon.ico"/> 浏览器上显示图标: link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 刚开始把favicon.ico放在了images上在火狐和IE 搜狐都不
vue项目打包在IE浏览器中打开空白
原因:ES6语法IE浏览器不能识别,js文件没有加载,下载引入polyfill(polyfill指的是“用于实现浏览器不支持原生功能的代码”) 在index.html中引入即可
FLASH在IE浏览器显示正常,在别的浏览器一片空白,为什么呢
首先谢谢来看的人。rnrn我是新手,有个FLASH在IE理是正常的,在其他浏览器就是一片空白,rnrn请大家不吝赐教啊rnrn[code=HTML]rn rnrnrnrnrnrn rnrnrn[/code]
关于手机端浏览器显示兼容
解决方法 &lt;meta charset="utf-8" /&gt; &lt;meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width" /&gt; ...
vue iview-admin 如何兼容IE浏览器(通用)
1. 安装babel-polyfill `yarn add babel-polyfill --save` 2. src/main.js 引入babel-polyfill `import '@babel/polyfill` 3. 在根目录增加babel.config.js文件 ``` module.exports = { presets: [ ['@v...
兼容IE浏览器的css样式
一、如何用CSS分别单独定义IE6、7、8的width属性。 1、所有浏览器用      width: 100px; 2、 IE6专用      _width: 100px; 3、 IE6 专用      *width: 100px; 4、 IE7 专用      *+width: 100px; 5、 IE7、FF 共用      width: 100px !important;
兼容ie浏览器的经验总结
禁用IE 兼容模式 为了保证IE能够使用最新渲染模式而不是兼容模式,在html文档头部应加入以下代码: html&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&amp;gt; ... 在IE8中使用HTML5 因为IE8及早期版本不支持HTML5..
vue-cli兼容ie浏览器
当你高高兴兴的写完了页面,谷歌完美运行,但是到了ie,“SCRIPT1006:缺少‘)’,”SCRIPT1004: 缺少 ‘;’,你因为是真的缺少这些东西吗?不,你错了,只是编译出了问题罢了。 vue-cli其是兼容ie的,前提是你写的代码都是es5,因为ie不支持es6,如果你使用了箭头函数,let等es6新语法,那么ie你就需要下载一个babel-polyfill插件。 这个插件的作用就是...
HTML5 兼容IE浏览器
NULL 博文链接:https://onestopweb.iteye.com/blog/2259501
兼容 多版本浏览器 ie
此客户端直接带有多版本的ie的浏览器的型号是开发 测试的首选 包含不同版本的ie浏览器的客户端于一体 欢迎下载使用
兼容IE浏览器的PrintArea
  最近遇到,PrintArea在Chrome中有打印预览,在IE中并不会有打印预览,但是又必须对IE兼容,IE浏览器必须和对方提供的思路完全一致(IE中使用右键打印)。故更改了一下打印方式。 1 原有chrome打印。 (1) 引入Jquery框架后,由于打印的一种选项中是选中ifream,先写个ifream     &amp;lt;iframe class=&quot;CenterBox&quot; id=&quot;f...
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法