1下載 babel-polyfill 模塊

npm install babel-polyfill -s

2入口文件（main.js）第一行引入

import "babel-polyfill"; import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import Button from 'ant-design-vue/lib/button'; import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css'; import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN'; import moment from 'moment'; import 'moment/locale/zh-cn'; import './assets/iconfont/iconfont'; import axios from 'axios'Vue.component(Button.name, Button);Vue.config.productionTip = falseVue.use(Antd) // Vue.use(axios)moment.locale('zh-cn'); new Vue({zh_CN,router,store,render: h => h(App) }).$mount('#app')

3.配置 polyfill，在根目錄下新增babel.config.js文件：

module.exports = {presets: [['@vue/app', {useBuiltIns: 'entry'}]] }

原來有此文件就直接修改

module.exports = {presets: [// '@vue/cli-plugin-babel/preset', //文件原始內容['@vue/cli-plugin-babel/preset', {useBuiltIns: 'entry' //添加的內容}]] }

4.如果設置了以上配置，還是白屏，看是不是兼容性視圖問題

總結

以上是生活随笔為你收集整理的vue cli3 兼容ie8以上浏览器，前端兼容；解决ie浏览器下白屏问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。