Angular10-Safari错误：“；提供的动画属性'；偏移量'；不是动画支持的CSS属性

我使用@angular/animations，但是当我使用属性“offset”来产生交错效果时，在Safari中会阻止整个网站的执行。卸下后，它将再次正常运行

这是我的一段动画：

const staggerOpacTrans =    [
transition('* => *', [
  query(':enter', style({ opacity: 0 }), { optional: true }),

  query(':enter', stagger('100ms', [
    animate('.5s ease-in-out', keyframes([
      style({ opacity: 0, transform: 'translateY(20px)', offset: 0 }),
      style({ opacity: 1, transform: 'translateY(0)', offset: 1 }),
    ]))]), { optional: true })
]),]

export const staggerOpacTransAnimation = trigger('staggerOpacTransAnimation', staggerOpacTrans);

我已尝试安装此polyfill:'web-animations-js'并将其导入polyfills.ts，但仍然不起作用

有没有人在使用Safari浏览属性动画时遇到过问题？ 所有其他浏览器都完全支持该功能

多谢各位