当前位置: 首页 > news >正文

解决:Vue2项目兼容IE,页面出现白屏

前提条件:Vue版本:2.6.10

网上说的方法大部分都是没什么作用,可能是因为版本不同的原因

安装需要的包

npm install --save @babel/polyfill
#注意重点!!,core-js版本必须和Vue的对应上,不然不兼容会报错
#这一步弄好基本没啥问题了
npm install --save core-js@2.6.1 
npm install --save regenerator-runtime

安装完可以先运行下项目,看下是否正常显示,如果报错,可能就是core-js版本不一致问题

安装完成开始配置

  • main.js里面引入
import '@babel/polyfill' *//(一定要在最上面,第一行)*
  • babel.config.js文件修改
module.exports = {presets: [// '@vue/cli-plugin-babel/preset',['@vue/app', {useBuiltIns: 'entry',}]]}
  • package.json文件browserslist配置
"browserslist": [   "> 1%",  "last 2 versions",    "not ie <= 11"   ] 
  • vue.config.js配置
module.exports = {transpileDependencies:['*'] //最开始这里的值为 true!}

到这里就完成啦 ~~~
另外core-js版本安装没问题的话基本是都可以正常显示的

相关文章:

  • 单集群400TB,OceanBase稳定支撑快手核心业务场景
  • Django信号机制源码分析(观察者模式)
  • docker学习(二十一、network使用示例container、自定义)
  • 【自然语言处理】【大模型】 ΨPO:一个理解人类偏好学习的统一理论框架
  • Flink1.17实战教程(第二篇:DataStream API)
  • 云原生机器学习平台cube-studio开源项目及代码简要介绍
  • Python 网络编程之搭建简易服务器和客户端
  • 智慧监控平台/AI智能视频EasyCVR接口调用编辑通道详细步骤
  • andriod安卓水果商城系统课设
  • 程序员如何高效学习技术?
  • 算法设计与分析 | 矩阵连乘
  • 清除conda和pip缓存的方法
  • STM32 基础知识(探索者开发板)--103讲 通用定时器
  • MACBOOK 通过iterm2连接堡垒机跳转服务器
  • 【用unity实现100个游戏之19】制作一个3D传送门游戏,实现类似鬼打墙,迷宫,镜子,任意门效果
  • 【402天】跃迁之路——程序员高效学习方法论探索系列(实验阶段159-2018.03.14)...
  • flask接收请求并推入栈
  • input的行数自动增减
  • isset在php5.6-和php7.0+的一些差异
  • java中的hashCode
  • JS+CSS实现数字滚动
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • python大佬养成计划----difflib模块
  • seaborn 安装成功 + ImportError: DLL load failed: 找不到指定的模块 问题解决
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • Theano - 导数
  • 从0实现一个tiny react(三)生命周期
  • 分享一份非常强势的Android面试题
  • 个人博客开发系列:评论功能之GitHub账号OAuth授权
  • 工程优化暨babel升级小记
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 前端面试之CSS3新特性
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 微信小程序实战练习(仿五洲到家微信版)
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • ​软考-高级-系统架构设计师教程(清华第2版)【第9章 软件可靠性基础知识(P320~344)-思维导图】​
  • (02)Cartographer源码无死角解析-(03) 新数据运行与地图保存、加载地图启动仅定位模式
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (Matalb时序预测)PSO-BP粒子群算法优化BP神经网络的多维时序回归预测
  • (附源码)springboot掌上博客系统 毕业设计063131
  • (一) springboot详细介绍
  • (一)C语言之入门:使用Visual Studio Community 2022运行hello world
  • **PHP分步表单提交思路(分页表单提交)
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • .cfg\.dat\.mak(持续补充)
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .Net Web项目创建比较不错的参考文章
  • .NET 依赖注入和配置系统
  • [.net] 如何在mail的加入正文显示图片
  • [30期] 我的学习方法
  • [BZOJ1008][HNOI2008]越狱
  • [bzoj1038][ZJOI2008]瞭望塔
  • [DAU-FI Net开源 | Dual Attention UNet+特征融合+Sobel和Canny等算子解决语义分割痛点]
  • [IE技巧] 使IE8以单进程的模式运行
  • [JavaEE系列] Thread类的基本用法