vue cli3 兼容ie8以上浏览器，前端兼容；解决ie浏览器下白屏问题

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浏览器下白屏问题相关推荐

Vue在IE兼容模式下白屏解决方案
Vue在IE兼容模式下白屏,主要原因是因为无法解析ES6语法: 需要安装babel-polyfill插件: yarn add babel-polyfill #或者 npm install babel- ...
jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器
最近做了一个文件上传用ajaxfileupload.js 在火狐谷歌 IE9及以上版本可用为了兼容IE8 找到了jquery-form.js html 代码: <form id=&qu ...
关于微信PC版内置浏览器和IOS11以下系统打开页面白屏的问题
最近在开发的微信公众号项目出现了白屏的问题,安卓端一切正常,只在IOS11以下的苹果手机端和微信PC版内置浏览器打开才会发生. 网上找了很多资料,最后确定是前端JS代码使用了ES6版本的语法,而IOS ...
手机chrome没有声音_Chrome浏览器没有声音,解决windows10Chrome浏览器没有声音的问题...
解决windows10Chrome浏览器没有声音的问题,许多Chrome用户遇到了浏览器无法播放声音的问题. 对于大多数人来说,解决这个问题最简单的方法就是重新启动浏览器或整个Windows 10操作 ...
win10浏览器 html乱码怎么解决,win10浏览器乱码如何解决_win10浏览器字体乱码修复方法...
作为用来显示在万维网或局域网等内的文字.图像及其他信息的win10浏览器,帮助用户完成了一些交互操作,可是有的用户在打开win10浏览器时字体全都是乱码的状况出现,那么win10浏览器乱码如何解决呢? ...
生成html水印,兼容ie8,ie兼容性问题与解决办法,移动端水印给出的建议
首先放上两段代码 watermark.js 与其兼容方式扩展 pointer_events_polyfill.js watermark.js ↓↓ // 水印 (function(waterma ...
浏览器兼容css hack,CSS Hack技术解决多浏览器兼容问题
本文向大家描述一下如何使用CSS Hack技巧解决DIV+CSS布局多浏览器兼容问题,针对不同的浏览器写不同的CSS代码的过程,就叫CSS Hack,相信本文介绍一定会让你有所收获. CSS Hack ...
火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题
今天遇到这样一个问题: 页面在chrome下发送ajax的请求是没有问题的,但是在firfox下无效. 代码大致如下: //前面省略 ..... 生成成绩查询成绩 ...... ...... fun ...
android 最低兼容版本,vue cli3 es6 安卓低版本兼容问题
问题: 1.在测试在三星安卓7.0版本中报错,其他手机可以,低版本安卓手机出现白屏,(注释:如果静态div是正常的如图) 报错内容: `[vue-router] Failed to resolve ...

vue cli3 兼容ie8以上浏览器，前端兼容；解决ie浏览器下白屏问题

vue cli3 兼容ie8以上浏览器，前端兼容；解决ie浏览器下白屏问题相关推荐

最新文章

热门文章