No matching export in "node_modules/@angular/common/fesm2022/http.mjs" for import "HttpStatusCode"

[Hagriel]

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

common

Is this a regression?

Yes

Description

No matching export in "node_modules/@angular/common/fesm2022/http.mjs" for import "HttpStatusCode"

src/app/core/services/interceptors/api-token.interceptor.ts:1:23:
  1 │ import { HttpResponse, HttpStatusCode, } from '@angular/common/http';

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: 16.0.4
"builder": "@angular-devkit/build-angular:browser-esbuild",

Anything else?

No response

[JeanMeche]

Hi, can you give the entire output of ng version ?

[Hagriel]

Angular CLI: 16.0.4
Node: 18.16.0
Package Manager: npm 9.5.1
OS: darwin x64

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

Package Version

@angular-devkit/architect 0.1600.4
@angular-devkit/build-angular 16.0.4
@angular-devkit/core 16.0.4
@angular-devkit/schematics 16.0.4
@angular/cdk 16.0.3
@angular/material 16.0.3
@angular/material-moment-adapter 16.0.3
@schematics/angular 16.0.4
rxjs 7.8.1
typescript 5.0.4

[JeanMeche]

Could you provide a repro on stackblitz of your issue ?

[kemsky]

@Hagriel, do you use new esbuild setup?

Ah, I see, yes it does have random issues with imports, mostly interfaces when using ng serve:

✘ [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "AfterContentInit"

    src/library/ui.components.library.ts:1:9:
      1 │ import { AfterContentInit, AfterViewInit, DoCheck, InjectionToken, ...
        ╵          ~~~~~~~~~~~~~~~~


✘ [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "AfterViewInit"

    src/library/ui.components.library.ts:1:27:
      1 │ import { AfterContentInit, AfterViewInit, DoCheck, InjectionToken, ...
        ╵                            ~~~~~~~~~~~~~


✘ [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "DoCheck"

    src/library/ui.components.library.ts:1:42:
      1 │ ...rContentInit, AfterViewInit, DoCheck, InjectionToken, NgZone, On...
        ╵                                 ~~~~~~~


✘ [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "OnDestroy"

    src/library/ui.components.library.ts:1:75:
      1 │ ...ck, InjectionToken, NgZone, OnDestroy, OnInit } from '@angular/c...
        ╵                                ~~~~~~~~~


✘ [ERROR] No matching export in "node_modules/@angular/core/fesm2022/core.mjs" for import "OnInit"

    src/library/ui.components.library.ts:1:86:
      1 │ ..., InjectionToken, NgZone, OnDestroy, OnInit } from '@angular/core';
        ╵                                         ~~~~~~


✘ [ERROR] No matching export in "src/library/components.library.ts" for import "IComponent"

    src/library/ui.components.library.ts:3:26:
      3 │ import { CommonComponent, IComponent } from './components.library';
        ╵                           ~~~~~~~~~~

[kemsky]

@JeanMeche, it happens when there is "optimization": false in build section.

[Hagriel]

@kemsky yes, this is correct

[JoostK]

What are the exact compiler options being used here? In particular the isolatedModules, importsNotUsedAsValues, preserveValueImports or verbatimModuleSyntax options are relevant. Including a runnable reproduction would be the most concrete way of sharing your setup.

[Hagriel]

@JoostK
just this one
"local": { "buildOptimizer": false, "optimization": false, "extractLicenses": false, "sourceMap": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.local.ts" } ] },

[JeanMeche]

That's the angular config, Joost is talking about the tsconfig ;)

[Hagriel]

@JoostK
https://stackblitz.com/edit/angular-sd6bnh?file=package.json,angular.json,tsconfig.json

[arnoudb]

I can confirm the issue as well. Have the same settings as @Hagriel in our project (angular 16.04, typescript 5.0.4) and the same error for an esbuild:

No matching export in "node_modules/@angular/common/fesm2022/http.mjs" for import "HttpStatusCode"

And indeed like @kemsky said: setting "optimization: true" fixes it. But to keep things fast this is not ideal

[arnoudb]

i could isolate the source of the problem a bit.

changing:

"@angular-devkit/build-angular": "16.0.4",

to:

"@angular-devkit/build-angular": "16.0.3",

fixes the compile error. I can keep the other packages at version: 16.0.4

[alan-agius4]

This seems like a bug but we'll need to look at a reproduction to find and fix the problem. Can you setup a minimal repro please?

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

This might be related to your directory structure so its really important to get an accurate repro to diagnose this.