strictTemplates, Angular 9: compability with Ivy

Enabling the new strictTemplates flag in Angular 9’s compiler options generates the following build error: This likely means that the library (@angular/platform-browser/animations) which declares BrowserAnimationsModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy. Error appears for multiple components:

1. @angular/platform-browser/animations
2. @angular/router
3. @angular/material/sort
4. @angular/material/paginator
5. @angular/material/datepicker
6. @angular/material/icon
7. @angular/material/core
8. @angular/forms

And maybe in some other. But these ones i am using in my project.

[jpelton-stroud]

Dunno if it helps, but so far I only appear to get the cited errors when I first add an import for a given material module while ng serve is running; ng build & ng build --prod aren’t throwing any errors for me, and if I stop & restart ng serve it compiles & runs w/o any further issue.

I will add that I’m working with a brand new project, so there’s not a lot else going on, yet.

[hwebb]

If this can help anybody, I got the same error with MatRipple and I (wrongly) thought that it was linked to this issue, but after disabling Ivy the error message changed to :

ERROR in Unexpected directive ‘MatRipple in C:/Users/shado/Projects/world-wine/node_modules/@angular/material/core/index.d.ts’ imported by the module ‘AppModule in C:/Users/shado/Projects/world-wine/src/app/app.module.ts’. Please add a @NgModule annotation.

Then I realised that I was trying to import MatRipple instead of MatRippleModule. The mistake is clearly on my side, but I think the error message in Ivy was not very helpful.