200字范文 > 解决vue项目在ie浏览器中无法显示的问题兼容低版本浏览器问题

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

时间：2019-03-31 06:34:17

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

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

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

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

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

通过查找/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

这个博客中第二条方法中写了可以在fig.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打开空白这些项目文件都对的上，应该可以解决问题。

还有一个问题，有一个超古老html文件只能在ie浏览器打开，原因：