解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题

技术标签： vue.js 前端 edge浏览器前端框架

解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题

1.在csdn中找到了一下解决方案，但与本项目略有不同

vue项目兼容ie浏览器的问题：在其他浏览器显示都是正常的，在ie11下显示空白-前端-CSDN问答

1）运行项目后将端口链接复制到ie浏览器中报出了新问题

加载控件xtxappcom失败，请确认BJCA证书

通过查找https://www.anxz.com/down/92914.html解决了问题

2）剩下的就是在ie浏览器中显示空白

通过在main.js文件中添加

import 'babel-polyfill'

在webpack.base.conf.js中添加

module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app:["babel-polyfill", './src/main.js']
},

但因为本项目为vue-cli脚手架版本可能不同，没有创建bulid文件，所以要在node_modules/@vue/cli-service中找到webpack.base.conf.js文件进行修改，所以路径代码也要进行修改./src/main.js改为../../../src/main.js

改完之后还是没啥用 /(ㄒoㄒ)/~~

回头看看，这个webpack.base.conf.js有点问题，找到的是webpack.config.js文件，就是文件找错了。再找找。

(40条消息) Vue 中使用 babel-polyfill 来兼容低版本浏览器_Never Yu的博客-CSDN博客_vue使用babel-polyfill

这个博客中第二条方法中写了可以在webpack.comfig.js文件中编写babel-polyfill兼容插件，之前在vue.config.js文件中添加报错了，不可以添加entry。但是这个方法使用之后还是ie浏览器是空白的，很庆幸在博客中发现另一种方法，添加es6-promise来兼容。

但是添加es6-promise后还是没有显示，/(ㄒoㄒ)/~~~~

再次尝试，

打开packge.json，在dependencies中加入：“babel-polyfill” : “^6.23.0”

然后重新npm install

在App.vue文件中import：import “babel-polyfill”，/(ㄒoㄒ)/~~~~，不i行

想着新建一个项目行不行，可是我新建立的项目的脚手架也是和园项目一样，改不了了。把所有的方法在新建立项目上都试了一遍没啥用。

经过一番寻找又又又找到了一篇文章 vue项目在ie浏览器打开是空白页解决办法_圣京都的博客-CSDN博客_vue项目ie打开空白这些项目文件都对的上，应该可以解决问题。g,所有浏览器都是空白页了🤦‍♂️。

从新解压更改，但ie还是空白页。！！！！！！！！！！

本文链接：https://blog.csdn.net/weixin_46486081/article/details/125520378

智能推荐

ie8以下低版本浏览器透明度兼容问题

IE低版本浏览器有自己的透明度滤镜 filter:Alpha(opacity=n) n[0-100] 0.5====50 &n...

最近有个开发较早的系统页面需要修改，打开F12开发者工具一看居然是IE5。目前面临的问题：页面需要在一个table的td中插入一张宽度比较大的图片，插入之后预览页面会发现表格被撑到非常大，在网上发现有很多种办法，但是看版本支持，绝大多数都不支持IE5浏览器。试了无数种方案，包括：最后查了很多资料，终于查到一个有用的属性 table-layout ，table-layout:fixed; 可以...

解决IE低版本浏览器不兼容label标签的for属性

我这里用到复选框的树形选择问题，由于原生的复选框样式不好看，所以用了图片替换，html中的代码如下于是在IE中，从IE10以下开始出现了点击没反应的问题，我借鉴了网上的一些东西，再自己加工了一下，以下是成品这里的复选框我写了两次改变是否选中的代码，原因是我再switch中写了一次以后，再次点击时发现还是未被选中，找了10多分钟没找出来是什么原因，所以我在最后面再次写了一下改变复选框的状态，今天...

关于webpack4.x版本不兼容低版本浏览器问题IE,低版本chrome解决方案

前言，原本项目支持为Chrome60版本，那么我们项目是没有问题的，无奈，用户群突然需要使用低版本的chrome30版本的浏览器，这不一片空白，控制台的错误就出来了，很明显的ES6语法不兼容，可是让我郁闷且奇怪的是，分明用了babel，为何还会出现如此错误！报错故障为 SyntaxError: Use of const in strict mode. 关于这个错误，主要还是ES6语法在低版本浏览...

代码先锋网代码片段及技术文章聚合