目录

angular12支持IE11,但默认不开启

查看支持浏览器(npx browserslist )

angular12如何支持IE11

默认不支持IE11​

配置支持IE11

修改.brwoserslistrc文件

修改tsconfig.json文件


官网对于支持的浏览器做出的说明:angular12 Angular

angular12支持IE11,但默认不开启

angualar将不再对IE浏览器进行支持,并逐步进行移除,在angular12项目有发出预警,angular12将废弃对IE11的支持,在angular13将彻底移除。但可以在12版本的浏览器支持列表中看到IE11,着说明12版本还是支持IE11的

2021年统计的出用户ie11浏览器使用占比仅有1%

angular12依然支持IE11,但是默认配置是不开启对IE11的支持的

查看支持浏览器(npx browserslist 

angular cli 使用https://github.com/browserslist/browserslist为项目配置浏览器支持列表

npx browserslist   在项目下运行可查看支持浏览器

angular12如何支持IE11

默认不支持IE11

我们新建的angular12空项目,查看支持的浏览器列表,发现其中没有IE11

我们来看一下效果:

在360浏览器极速模式,访问项目,正常

在360浏览器兼容模式(IE11)模式下,访问项目,异常空白页面,并且控制台看不到任何报错信息

配置支持IE11

修改.brwoserslistrc文件

打开项目的 .brwoserslistrc文件,如下:

可以看到配置文件有注明,IE11支持是一个可选项,当要选择支持IE11时就将not去掉

not IE 11改成 IE 11

然后在运行 npx browserslist 可以看到列表有IE11了

修改tsconfig.json文件

将target值改为es5 ,使得编译后JavaScript的版本为es5,这样在ie11上能兼容运行

其他几个配置含义可参见如下

angular12项目对IE浏览器的支持相关推荐

  1. vue-cli项目布署问题解决:空白页、静态资源文件404错误、refrenceError:promise未定义(部分浏览器不支持ES6语法)

    (前言:文章记录vue-cli项目打包使用IIS布署遇到的几个错误及解决方式) 首先简单理解webpack打包: 个人理解:项目开发中我们构建 "低耦合高内聚" 的组件/模块来代码 ...

  2. html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题

    注意:html vue 只兼容ie8以上版本: IE 不兼容 axios的promiss对象; IE 不兼容es6语法: ES6转ES5 1.关于babel-polyfillvue 一.说明:This ...

  3. 再见!微软宣布终止对旧版 Microsoft Edge 浏览器的支持

    微软宣布自 2021 年 3 月 9 日起终止对旧版 Microsoft Edge(Microsoft Edge Legacy)浏览器的支持. 旧版 Microsoft Edge 是基于 EdgeHT ...

  4. 原来浏览器原生支持JS Base64编码解码

    原来浏览器原生支持JS Base64编码解码 转载来源:https://www.zhangxinxu.com/wordpress/2018/08/js-base64-atob-btoa-encode- ...

  5. Cef开发学习 - Windows平台简易的Cef浏览器,支持下载管理和多标签管理

    Cef开发学习 - Windows平台简易的Cef浏览器,支持下载管理和多标签管理 PS:本系列文章主要学习介绍Cef开发相关的内容. 文章目录 Cef开发学习 - Windows平台简易的Cef浏览 ...

  6. vue 项目在ie浏览器的兼容问题

    注意: vue 只兼容ie8以上版本: IE 不兼容 axios的promiss对象; IE 不兼容es6语法: ES6转ES5 一.关于babel-polyfill 1.说明:This will e ...

  7. edge java_在Windows 10上,Edge浏览器不支持插件,因此Java无法运行

    在Windows 10上,Edge浏览器不支持插件,因此Java无法运行. 微软想做什么? 在Windows 10上卸载Edge浏览器(不成功,请不要重试) 在命令行中输入: PowerShell d ...

  8. 关于检测浏览器是否支持flash的js代码

    如下: function hasFlash() {var swf;if (navigator.userAgent.indexOf("MSIE") > 0) {try {var ...

  9. 类似百度输入框自动联想功能遇到的问题:Opera浏览器不支持拼音输入法时的keyup事件

    这个问题也许很多人都遇到过了,在百度能搜到很多遇到相同问题的人,但解决办法都是一个(下面是载自其他网页): [ 问题ZcT345站长站 在开启输入法的情况下,三个浏览器的具体问题如下:ZcT345站长 ...

最新文章

  1. 决策树算法(四)——选取最佳特征划分数据集
  2. hdu 1258 确定比赛名次
  3. 二叉树已知先序和中序输出后序
  4. 小程序 input自动换行_直播 | 最实用的微信小程序自动化测试技术独家揭秘
  5. 中交叉的线_表现力一绝!用交叉线构图拍出来的照片,竟然可以这么吸睛!
  6. Android Studio导入project和module的方法
  7. linux tomcat启动nohup,linux下tomcat添加服务
  8. 解决maven打jar包报错:Could not resolve substitution to a value: ${akka.stream.materializer}
  9. 最短路径 一 Dijkstra 模板(O(n^2))
  10. android google map研究
  11. 2021年中国中级订单选择器(3至8+m)市场趋势报告、技术动态创新及2027年市场预测
  12. 拓扑排序 Codeforces Round #290 (Div. 2) C. Fox And Names
  13. ios签名软件_如何解决IOS企业签名超高掉签率?当然是选择小菠萝企业签名啦!...
  14. 重磅推荐:2017 年最流行的 15 个数据科学 Python 库
  15. laravel php artisan migrate 数据迁移时出现的[HY000][1045]错误
  16. java 数据库容灾_mysql 容灾备份
  17. Html中的span与a的区别,a标签和span标签的区别
  18. Geforce 错误代码 ERROR CODE:0x0003问题方法
  19. 东梓关富春江畔有感  文/江湖一劍客
  20. 《房债》书中的精髓:现代金融系统让全世界的人同处一艘经济大船上,一些人搞坏了船,所有的人都跟着遭殃。

热门文章

  1. 云边端与边缘计算技术
  2. 3DMAX 天空盒 色溢 影响金属等依靠反射出效果的材质 解决方案
  3. 影驰H610MK主板在MBR硬盘上安装系统(可用于安装WIN7)
  4. Carbon Streaming宣布签订碳信用流协议,以保护巴西塞拉多生物群落区
  5. oppoa79支持手机html,【OPPOA79评测】OPPO A79评测:不妨称它为R11s青春版(全文)_OPPO A79_手机评测-中关村在线...
  6. 1.数据结构与算法 基础知识
  7. Thinkphp二次开发威客任务平台源码 粉丝关注投票发布系统
  8. 有刷直流电机的续流、反向电压和H 桥驱动频率 - 伊朗电系法师视频观后感
  9. 基因组共线性工具MCScanX使用说明
  10. 运行应用,Could not open: device