美文网首页
VUE解决IE浏览器白屏问题

VUE解决IE浏览器白屏问题

作者: 守望_cd87 | 来源:发表于2021-02-01 11:50 被阅读0次

1、安装 babel-polyfill

npm install babel-polyfill

2、在main.js中引入

import 'babel-polyfill'

3、 修改配置 webpack-base-config.js

entry: {

  // app: './src/main.js'

  app: ["babel-polyfill", "./src/main.js"],

},

4、在index.html中 添加

<meta http-equiv=X-UA-Compatible content="IE=edge">

相关文章

  • VUE解决IE浏览器白屏问题

    1、安装 babel-polyfill npm install babel-polyfill 2、在main.js...

  • vue-cli 解决白屏、兼容、压缩及清除console

    问题 打包白屏 IE白屏 打包后清除控制台所有console信息 js\css压缩问题 解决 问题1. 打包白屏 ...

  • vue脚手架搭建项目的兼容性配置

    使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等。首先安装ba...

  • 笔记:项目遇到问题

    vue中处理多行文本溢出显示省略号解决兼容问题 vue项目在IE浏览器打开空白 如何修改element-UI框架的...

  • vue遇到的坑

    vue列表分页后,进入详情页返回到列表时,ios的safari浏览器造成白屏问题: 解决办法:在拉取数据方法里加入...

  • 白屏和FOUC

    白屏和FOUC(无样式内容闪烁)均是由于不同的浏览器渲染机制导致的问题。白屏主要发生在IE上,FOUC主要发生在F...

  • Cordova 打包 Vue 项目到Android打开白屏

    Cordova 打包 Vue 项目到Android打开白屏问题解决方案 一. 修改 vue.config.js 更...

  • Vue移动端开发问题纪要

    Vue移动端开发问题纪要 UC浏览器兼容性问题 现象 在部分Android机型中的UC浏览器下访问,出现白屏现象 ...

  • Vue 在ie下的兼容

    说到底还是es6闹得,ie浏览器不支持es6 实际碰到的问题分两步才解决 1. 直接打开是空白页:让ie支持vue...

  • 白屏和FOUC

    白屏问题: 如果把样式放在底部,对于IE浏览器,chrome等(css全部加载后再呈现,有可能等待长),在某些场景...

网友评论

      本文标题:VUE解决IE浏览器白屏问题

      本文链接:https://www.haomeiwen.com/subject/luyjtltx.html