vue项目在ie、360兼容模式页面显示空白问题

vue项目中，出现在ie与360兼容模式下打开页面呈现空白问题，如下：

控制台报main.js中语法错误~
上网搜了一下，大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理

由于项目是使用webpack.config.js手动搭建，并未使用vue-cli脚手架，引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。

关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”，领取300G前端，Java，微信小程序，Python等资源，让我们一起学前端。

原因在webpack.config.js中，加载机只对es或者js文件的es6语法进行了es5转换，而.vue文件中的es6语法并未转换，ie、360兼容模式使用的是ie内核，对es6语法支持不好~

解决方法：
在项目根目录中，新建一个.babelrc文件
里面书写
{ “presets”: [“es2015”] }
然后再重新启动webpack -w进行编译，完美解决~

vue项目在ie、360兼容模式页面显示空白问题相关推荐

解决vue项目在ie和360兼容模式下显示空白页问题
艰难路程记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...
打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...
vue打包完index.html空白,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题-20210315083204.pdf-原创力文档...
解解决决Vue项项目目打打包包后后打打开开index.html页页面面显显示示空空白白以以及及图图片片路路径径错错误误的的问问题题 V ue项目运行npm run build后会生成一 dist文件夹 ...
vue 打开html流_解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上.dist文件夹里边有一个static文件和一个index.html页面,这个index就是最 ...
vue 项目、vue-admin-ement项目在IE、360兼容模式下为空白界面（最新解决方法、亲测有效）
问题由于对element ui模板的一些配置文件进行删除,配置的js只留下vue.config.js剩余的都进行清除, 导致在IE以及360兼容模式下界面为空白思路控制台报的是SCRIPT100 ...
360兼容模式页面错位_解决360双核浏览器兼容模式的页面显示问题
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...
vue在IE和360兼容模式下无法显示问题
360兼容模式下报错:[vuex] vuex requires a Promise polyfill in this browser. 原因: 360浏览器中包含了两个浏览器一个是IE(Triden ...
360兼容模式页面错位_如何解决360的兼容模式下页面的样式会错乱
360的极速模式下页面打开样式完好一旦用兼容模式打开,页面样式就全部错乱了解决方法:我们在用idea新建jsp的时候,页面没有自动生成这行代码,把这行代码加上去就OK了. 下面我就尽可能简洁扼要 ...
360兼容模式页面错位_解决360浏览器兼容模式的页面显示问题
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...

vue项目在ie、360兼容模式页面显示空白问题

vue项目在ie、360兼容模式页面显示空白问题相关推荐

最新文章

热门文章