Vue在IE兼容模式下白屏解决方案

Vue在IE兼容模式下白屏，主要原因是因为无法解析ES6语法；
需要安装babel-polyfill插件：

yarn add babel-polyfill
#或者
npm install babel-polyfill -s

安装好依赖后，需要再main.js的第一行添加：

#切记是在main.js第一行
import 'babel-polyfill'

然后在根目录下的babel.config.js中，修改如下：

module.exports = {presets: [#"@vue/app", 原来的写法，改为下面这种["@vue/app",{useBuiltIns: "entry",   //新增修改内容}]]
}

这个时候就大功告成，可以正常访问了。

如果还是存在问题，如：
SCRIPT1046: strict 模式下不允许一个属性有多个定义；
这是因为在IE兼容模式强检查下，html标签存在重复属性的原因，如：

<el-table-columnprop="number"label="编号"label="编号" #label写了两次就会报错
>
</el-table-column>

这种情况需要在路由文件里挨个注释，最后找到报错文件，然后看看是哪一行的问题。

或者 SCRIPT1002：语法错误这种报错，是因为引入了IE兼容模式不支持的插件，需要通过注释引入的插件挨个排除查看。

Vue在IE兼容模式下白屏解决方案相关推荐

解决vue项目在ie、360兼容模式下空白页面问题
完美解决vue项目在ie.360兼容模式下空白页面,并提示语法错误的原因艰难路程解决办法艰难路程事实上,很多人在做项目的过程中很多存在同一个问题,于是去百度了,但是用同样的解决方法不一定就能解 ...
vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...
记一次bug解决 bug发现项目不复杂,就是一个基于vue-cli3搭建的pc端项目在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...
解决vue项目在ie和360兼容模式下显示空白页问题
艰难路程记一次bug解决,项目不复杂,是一个基于vue-cli3搭建的pc端项目,之前开发都是在谷歌浏览器上运行的,但在开发进入到后半段,经理说,项目需要在360兼容模式下展示,这时候发现项目在36 ...
vue 项目、vue-admin-ement项目在IE、360兼容模式下为空白界面（最新解决方法、亲测有效）
问题由于对element ui模板的一些配置文件进行删除,配置的js只留下vue.config.js剩余的都进行清除, 导致在IE以及360兼容模式下界面为空白思路控制台报的是SCRIPT100 ...
vue在IE和360兼容模式下无法显示问题
360兼容模式下报错:[vuex] vuex requires a Promise polyfill in this browser. 原因: 360浏览器中包含了两个浏览器一个是IE(Triden ...
vue项目中，360浏览器兼容模式下部分页面显示不出来
1.问题在项目中引用了百度地图,但是在360浏览器的兼容模式下无法显示兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的'兼容'二字 2.解决告诉浏览器最少使用IE11的内核去 ...
css在兼容模式下无法引用_如何在CSS中使用深色模式
css在兼容模式下无法引用 by Frank Lämmer 由FrankLämmer 如何在CSS中使用深色模式 (How to get dark mode working with CSS) I h ...
让你的网站在IE8的兼容模式下运行
众所周知,微软的Internet Explorer团队一直在致力于将IE8打造为最符合业内标准的浏览器,所不幸的是,当前并非所有的网站都认同这些标准.如果你担心你的网站在IE8的标准模式下不能正常工作 ...
360浏览器兼容模式下IE内核版本
问题最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...

Vue在IE兼容模式下白屏解决方案

Vue在IE兼容模式下白屏解决方案相关推荐

最新文章

热门文章