angular 16 http request didnt goes through http interceptor

[ooo2003003v2]

Which @angular/* package(s) are the source of the bug?

common

Is this a regression?

Yes

Description

Hello there,

I upgarded my project to angular 16 and use "@angular-devkit/build-angular:browser-esbuild" to build my project. Before the upgarde when my app make a http request it would goes through my http interceptor but after the upgarde the interceptor doesnt seem to work. But when I use"@angular-devkit/build-angular:browser" to build my app, everything works fine. Does anyone what's the issue?

app.module.ts

@NgModule({
    declarations: [AppComponent],
    providers: [
      ...
      { provide: HTTP_INTERCEPTORS, useClass: ApiGatewayInterceptor, multi: true },
   ]
})

ApiGatewayInterceptor

@Injectable()
export class ApiGatewayInterceptor implements HttpInterceptor {

    intercept(req: HttpRequest<any>, next: HttpHandler) {
        console.log('url', req.url);
    }
}

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

_                      _                 ____ _     ___ 
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | | 
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | | 
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 16.0.0
Node: 16.17.0
Package Manager: pnpm 8.4.0
OS: win32 x64

Angular: 16.0.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... elements, forms, localize, material, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1600.0 (cli-only)
@angular-devkit/build-angular   16.0.0
@angular-devkit/core            16.0.0 (cli-only)
@angular-devkit/schematics      16.0.0 (cli-only)
@schematics/angular             16.0.0 (cli-only)
ng-packagr                      16.0.0
rxjs                            7.8.1
typescript                      5.0.4

Anything else?

No response

[demensky]

If you replaced HttpClientModule with provideHttpClient then you need to include the withInterceptorsFromDi feature if you plan to continue using HTTP_INTERCEPTORS.

provideHttpClient(withInterceptorsFromDi())

[alan-agius4]

I'm sorry, but we can't reproduce the problem following the instructions you provided.
Remember that we have a large number of issues to resolve, and have only a limited amount of time to reproduce your issue.
Short, explicit instructions make it much more likely we'll be able to reproduce the problem so we can fix it.

If the problem persists, please open a new issue following our submission guidelines.

A good way to make a minimal repro is to create a new app via ng new repro-app and add the minimum possible code to show the problem. Then you can push this repository to github and link it here.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}