TypeError: C.animate is not a function. (In 'C.animate(v,w)', 'C.animate' is undefined)

Leccho commented 2 years ago

Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

Yes

Description

Since my last deployment, I'm getting this error which only happens on safari. The error seems to be happening as long as the user is on the website (endlessly, 1000-6000 errors by connection). I can't find any information about this. I've tried on a Mac and an Ipad, but can't reproduce the bug myself.

Here is a copy of the user agent which had the error until now:

Mozilla/5.0 (iPad; CPU OS 12_5_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Mobile/15E148 Safari/604.1
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15

I do not know where this is coming from. The app is pretty much the same as the previous version, no new packages. I did update from angular 12 to 13 following the advanced tab at https://update.angular.io/. The stack trace brings me to believe this comes from Angular but I might be wrong.

Please provide a link to a minimal reproduction of the bug

Not able to reproduce this bug (this happens in production only)

Please provide the exception or error you saw

Error message:
TypeError: C.animate is not a function. (In 'C.animate(v,w)', 'C.animate' is undefined)

Stack trace:
_triggerWebAnimation@/main.3b21127f982f53d6.js:3:650982 _buildPlayer@/main.3b21127f982f53d6.js:3:650708 play@/main.3b21127f982f53d6.js:3:651122 play@/main.3b21127f982f53d6.js:3:646044 /main.3b21127f982f53d6.js:3:642576 forEach@[native code] _flushAnimations@/main.3b21127f982f53d6.js:3:642451 flush@/main.3b21127f982f53d6.js:3:637399 flush@/main.3b21127f982f53d6.js:3:648868 /main.3b21127f982f53d6.js:3:656365 run@/polyfills.921a1b77997afa0f.js:1:2001 end@/main.3b21127f982f53d6.js:3:656316 B0@/main.3b21127f982f53d6.js:3:407164 h4@/main.3b21127f982f53d6.js:3:413814 nc@/main.3b21127f982f53d6.js:3:413834 detectChanges@/main.3b21127f982f53d6.js:3:450579 tick@/main.3b21127f982f53d6.js:3:480464 /main.3b21127f982f53d6.js:3:479111 onInvoke@/main.3b21127f982f53d6.js:3:471195 run@/polyfills.921a1b77997afa0f.js:1:2001 next@/main.3b21127f982f53d6.js:3:479096 next@[native code] __tryOrUnsub@/main.3b21127f982f53d6.js:3:189093 next@/main.3b21127f982f53d6.js:3:188318 _next@/main.3b21127f982f53d6.js:3:187466 next@/main.3b21127f982f53d6.js:3:187241 next@/main.3b21127f982f53d6.js:3:184950 emit@/main.3b21127f982f53d6.js:3:457640c5@/main.3b21127f982f53d6.js:3:472286_7@/main.3b21127f982f53d6.js:3:472704onInvoke@/main.3b21127f982f53d6.js:3:471257run@/polyfills.921a1b77997afa0f.js:1:2001runInsideAngular@/main.3b21127f982f53d6.js:3:931366/polyfills.921a1b77997afa0f.js:1:28183runTask@/polyfills.921a1b77997afa0f.js:1:2622invokeTask@/polyfills.921a1b77997afa0f.js:1:8275

Please provide the environment you discovered this bug in (run `ng version`)

Angular CLI: 13.0.3
Node: 14.17.1
Package Manager: npm 6.14.13

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1300.3 (cli-only)
@angular-devkit/core         13.0.3 (cli-only)
@angular-devkit/schematics   13.0.3 (cli-only)
@schematics/angular          13.0.3 (cli-only)

Distributor ID: Ubuntu
Description:    Ubuntu 20.04.4 LTS
Release:        20.04
Codename:       focal

Anything else?

Here is my Dependencies list if this may help:

{
    "@angular/animations": "^13.2.5",
    "@angular/cdk": "^13.2.5",
    "@angular/common": "^13.2.5",
    "@angular/compiler": "^13.2.5",
    "@angular/core": "^13.2.5",
    "@angular/forms": "^13.2.5",
    "@angular/localize": "^13.2.5",
    "@angular/material": "^13.2.5",
    "@angular/platform-browser": "^13.2.5",
    "@angular/platform-browser-dynamic": "^13.2.5",
    "@angular/router": "^13.2.5",
    "@angular/service-worker": "^13.2.5",
    "@fortawesome/angular-fontawesome": "^0.10.1",
    "@fortawesome/fontawesome-svg-core": "^1.3.0",
    "@fortawesome/free-solid-svg-icons": "^6.0.0",
    "@ng-bootstrap/ng-bootstrap": "^11.0.0",
    "@ngx-translate/core": "^14.0.0",
    "@ngx-translate/http-loader": "^7.0.0",
    "@swimlane/ngx-charts": "^20.1.0",
    "angular-calendar": "^0.29.0",
    "bootstrap": "^4.6.1",
    "date-fns": "^2.28.0",
    "file-saver": "^2.0.5",
    "jquery": "^3.6.0",
    "jszip": "^3.7.1",
    "ngx-dropzone": "^3.1.0",
    "ngx-filesaver": "^13.0.0",
    "ngx-markdown": "^13.1.0",
    "ngx-mask": "^13.1.1",
    "ngx-mat-select-search": "^4.0.2",
    "ngx-material-file-input": "^3.0.0",
    "ngx-toastr": "^14.2.2",
    "pdfmake": "^0.2.4",
    "pdfmake-wrapper": "^2.1.2",
    "popper.js": "^1.16.1",
    "rxjs": "^6.6.7",
    "tslib": "^2.3.1",
    "xlsx": "^0.18.3",
    "zone.js": "^0.11.5"
  }

atscott commented 2 years ago

Thanks for reporting this issue. However, you didn't provide sufficient information for us to understand and reproduce the problem. Please check out our submission guidelines to understand why we can't act on issues that are lacking important information.

If the problem still exists in your application, please open a new issue and follow the instructions in the issue template.

JoostK commented 2 years ago

The mentioned Safari version uses an ancient version WebKit which is not supported by Angular 13. There's some pointers in #45016 on how to avoid the errors.

angular-automatic-lock-bot[bot] commented 2 years ago

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

angular / angular