defaultEncapsulation not working in Ivy

Angular 9.0.0

Description

defaultEncapsulation option in platformBrowserDynamic().bootstrapModule don’t work.

🔬 Minimal Reproduction

Just minimal CLI project with platformBrowserDynamic().bootstrapModule(AppModule, { defaultEncapsulation: ViewEncapsulation.None }) .catch(err => console.error(err));

🌍 Your Environment

Angular CLI: 9.0.1
Node: 13.7.0
OS: linux x64

Angular: 9.0.0
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.900.1
@angular-devkit/build-angular     0.900.1
@angular-devkit/build-optimizer   0.900.1
@angular-devkit/build-webpack     0.900.1
@angular-devkit/core              9.0.1
@angular-devkit/schematics        9.0.1
@angular/cli                      9.0.1
@ngtools/webpack                  9.0.1
@schematics/angular               9.0.1
@schematics/update                0.900.1
rxjs                              6.5.4
typescript                        3.7.5
webpack                           4.41.2

[alxhub]

This doesn’t need a reproduction, I know off the top of my head that it doesn’t work anymore. This is due to the JIT compilation via decorators in Ivy, which no longer have any dependency on platformBrowserDynamic.bootstrapModule().

There may be some fix we can put into place here.

[pkozlowski-opensource]

@xuxicheta could you provide a bit more info before we investigate? When you say “don’t work”, what do you mean, exactly:

• errors are thrown during compilation / runtime?
• specified encapsulation is not applied?
• something else?

Also, what is the exact CLI command that leads to troubles?