带有 Angular Material 的 Angular 8.3 不适用于 Mozilla 34 和 45

【问题标题】：Angular 8.3 with Angular Material wont work on Mozilla 34 and 45带有 Angular Material 的 Angular 8.3 不适用于 Mozilla 34 和 45
【发布时间】：2020-08-20 10:36:54
【问题描述】：

Here is the problem on Mozilla version 34 and 45 Mozilla 52 和 IE 11 运行良好。

我开始逐个删除组件，结果发现问题出在 mat-sidenav，我可能错了，我不是 100% 确定。箱形阴影

ERROR" 错误：由于以下错误，动画触发器“transform”未能构建： - 提供的动画属性“box-shadow”不是动画支持的 CSS 属性

here is a photo of my code 有没有人遇到过类似的问题，愿意帮忙:)

【问题讨论】：

你的图片很大。您应该为此目的使用pastebin.com。

标签： css typescript angular-material angular8

【解决方案1】：

您最多可以执行以下步骤。 Angular Material 以兼容性问题而闻名。您只需要在 Angular 8 中进行三处更改。更改 polyfills.ts 和 tsconfig.json。添加一个名为 tsconfig-es5.json 的新文件，其内容如下..

{
 "extends": "./tsconfig.json",
 "compilerOptions": {
 "target": "es5" 
 }
}

将 tsconfig.json 中的目标更改为 "target": "es5",

执行以下命令“ng serve”

【讨论】：

我正在跳过对旧版 Mozilla 的支持（客户端不会高兴），这似乎是自 2017 年角材料和 Mozilla 无法正常工作以来的一个长期问题，谢谢您的回复，如果任何人有更好的解决方案让我知道:)
我在 tsconfig.json 中设置了这个选项。为什么要创建另一个名为 tsconfig-es5.json 的文件？