NullInjectorError error when building app for Safari >= 14.5 and webpack based builder

[guillaume-moreau]

Command

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

18.2

Description

We got an app that still use the @angular-devkit/build-angular:browser builder and needs support for Safari >= 14.5.

After building to Angular 19 we got a runtime NullInjectorError: No provider for vt! error on build (only occurs whith optimization: true configuration).

The issue seems to be close to this one: #29145

Minimal Reproduction

I've created a repro:
https://github.com/guillaume-moreau/angular-bug

What I did:

On master:

• ng new my-project
• Add bowserlist with iOS >= 14.5
• Optimization true in angular.json configurations/development (for testing purpose, the issue only appear with optimization true)
  ng serve works OK

On feature/bug

• Move to @angular-devkit/build-angular:browser

ng serve is now KO

Exception or Error

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

Your Environment

Angular CLI: 19.2.15
Node: 20.11.1
Package Manager: npm 10.2.4
OS: win32 x64

Angular: 19.2.14
... common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1902.15
@angular-devkit/build-angular   19.2.15
@angular-devkit/core            19.2.15
@angular-devkit/schematics      19.2.15
@angular/cli                    19.2.15
@schematics/angular             19.2.15
rxjs                            7.8.2
typescript                      5.7.3
zone.js                         0.15.1

Anything else relevant?

No response

[alan-agius4]

Duplicate of #29145

[guillaume-moreau]

Hey !

Thank you for your feedback, but it doesn't seems to be a duplicate of #29145

The issue seems to be on Angular 19.0.0-next.13 and I got the issue on 19.2.15.

I've ask for some help on Angular official Discord, and I've had the confirmation that the fix related to #29145 works fine but it seems that another problem is breaking the build.

These are the informations I got when asking for some help

This is how the Injector class used without targeting Safari (static fields used):

class core_Injector {
    static THROW_IF_NOT_FOUND=THROW_IF_NOT_FOUND;
    static NULL=new NullInjector;
    static create(options, parent) {
        if (Array.isArray(options)) return createInjector({
            name: ""
        }, parent, options, "");
        {
            const name = options.name ?? "";
            return createInjector({
                name
            }, options.parent, options.providers, name);
        }
    }
    static \u0275prov=\u0275\u0275defineInjectable({
        token: core_Injector,
        providedIn: "any",
        factory: () => \u0275\u0275inject(INJECTOR$1)
    });
    static __NG_ELEMENT_ID__=-1;
}

Note the ɵprov static property

With the Safari build:

class core_Injector {
    static create(options, parent) {
        if (Array.isArray(options)) return createInjector({
            name: ""
        }, parent, options, "");
        {
            const name = options.name ?? "";
            return createInjector({
                name
            }, options.parent, options.providers, name);
        }
    }
}
defineProperty_defineProperty(core_Injector, "THROW_IF_NOT_FOUND", THROW_IF_NOT_FOUND), 
defineProperty_defineProperty(core_Injector, "NULL", new NullInjector), new InjectionToken("").__NG_ELEMENT_ID__ = flags => {
    const tNode = getCurrentTNode();
    if (null === tNode) throw new RuntimeError(204, !1);
    if (2 & tNode.type) return tNode.value;
    if (flags & InjectFlags.Optional) return null;
    throw new RuntimeError(204, !1);
};

The ɵprov is not defined via defineProperty_defineProperty for some reason

[guillaume-moreau]

Any opinion on this @alan-agius4 ?