Angular 9 introduced a global '$localize()' ... the poly fills do not work

Question

We've suddenly started getting this issue in our angular app. We've been using localization for a long time and this one has us scratching our head and it's ground development on our front end to a halt.

We've added the polyfill import to everywhere we think it might fix the issue but still it persists. All of our library imports, tests and modules include this, but we are still seeing it pop up and can't find any documentation anywhere why this is happening.

For emphasis, we have added @angular/localize to the project using ng add and put it at the top of all of our library, testing and polyfills files as directed by the angular documentation and Stack Overflow. The issue still persists.

Below you can see even in the same file the issue persists when including the polyfill right there at the top of the file. Why can't angular see our localize?

Answer 1

add import '@angular/localize/init to polyfills.ts

it should work