App does not start when downleveling past chrome 84 or safari 15 since angular 19

[jsaguet]

Command

serve, build

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

19.0.0-next.13

Description

Application throws an error at startup when using the webpack builder with optimizations enabled and targeting browsers like Safari < 15 or Chrome < 84.

I think it may be linked to private class fields because of the browsers version but maybe not.

Minimal Reproduction

Set up a .browserslistrc file with either Safari >= 14 or Chrome >= 83,
Configure angular.json to use the @angular-devkit/build-angular:browser builder,
Set "optimization": true and "buildOptimizer": true,
Run ng serve.

Here is a stackblitz following the above instructions: https://stackblitz.com/edit/stackblitz-starters-fr33hnlm?file=.browserslistrc

Exception or Error

NullInjectorError: R3InjectorError[t -> nt -> nt]: 
  NullInjectorError: No provider for nt!

Your Environment

Angular CLI: 19.0.0-rc.0
Node: 22.12.0
Package Manager: npm 10.9.0
OS: win32 x64

Angular: 19.0.0-rc.0
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1900.0-rc.0
@angular-devkit/build-angular   19.0.0-rc.0
@angular-devkit/core            19.0.0-rc.0 (cli-only)
@angular-devkit/schematics      19.0.0-rc.0
@schematics/angular             19.0.0-rc.0
rxjs                            7.8.1
typescript                      5.5.4
zone.js                         0.15.0

Anything else relevant?

I've noticed that the latest next versions (of both angular and angular-cli) do not have this issue but the first rc does.

@angular-devkit/build-angular:browser-esbuild builder seems to work fine.

[JeanMeche]

A correct repro : https://stackblitz.com/edit/stackblitz-starters-rkec1xbc

The runtime cause of the error is Injector missing a bunch of static fields.

[alan-agius4]

Likely this is due to the removal of #28682 since in version 19 Safari 17 and 18 are officially supported prior versions are not.

[jsaguet]

It looks like it indeed.
I thought that we could downlevel our build output by specifying a larger browsers range in browserslist.

Our customers are still massively coming from browsers versions outside of the supported range.

Will we have to move to a custom builder to enable those babel transforms going forward ?

[JeanMeche]

There might by something related to terser at play as esbuild doesn't look to be impacted by this.

[alan-agius4]

I briefly reviewed this, and it appears the issue stems from the pure-toplevel-functions Babel transformer when applied to the @angular/core package.

[GlennLefevere]

We are experiencing exactly the errors as mentioned in this issue. We need to target chrome 74 for our applications. And since upgrading to ng 19 we experienced this exact issue.