IE11浏览器下无法展示antd vue相关组件的问题

时间:2021-11-30
本文章向大家介绍IE11浏览器下无法展示antd vue相关组件的问题,主要包括IE11浏览器下无法展示antd vue相关组件的问题使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

新项目需要做IE兼容 在IE下打开本地代码 会出现页面空白的情况

打包发版后会遇到antd vue的某些组件无法展示的现象

打开控制台会看到很多报错“对象不支持属性或方法...(以下省略)”

主要原因:组件中使用的了es6  在IE浏览器不兼容 需要安装babel-polyfill进行语法降级

按照以下步骤可在IE11浏览器正常展示本地项目 且组件也可以正常展示

1、npm安装插件:

npm i --save babel-polyfill

2、在vue.config.js文件中添加如下代码

chainWebpack:config => {
    config.entry('main').add('babel-polyfill')
}

重新运行项目即可

如果发现项目时好时坏(暂未清楚原因)

3、就在main.js文件中加入

import "babel-polyfill"

就会完全好了

这里只测试了IE11、如果还需要往下兼容则可以查看如下链接进行尝试:

https://blog.csdn.net/hjy170314/article/details/108149756?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link

原文地址:https://www.cnblogs.com/yyy0926/p/15624605.html