Angular 16 ESbuild not recoginzing main.ts and polyfills.ts files even after including in tsconfig.app.json

[SandeepCheemakurthi]

Command

build, config, serve

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

No response

Description

trying to serve the application with forceEsbuild option, but after running the ng serve, throwing error. Also application works fine and there is no problem in serving the application without forceEsbuild option. Tried with node v16 and v18, but no luck.

Using the below dependency versions
"@angular-devkit/build-angular": "16.2.12",
"@angular/common": "^16.2.8",
"@angular/compiler": "^16.2.8",
"@angular/core": "^16.2.8",

tsconfig.app.json:
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": ["node"]
},
"files": [
"src/main.ts",
"src/polyfills.ts"
],
"include": [
"src//*.d.ts"
],
"exclude": [
"src/test.ts",
"src//*.spec.ts"
]
}

X [ERROR] File 'src\main.ts' is missing from the TypeScript compilation. [plugin angular-compiler]

Ensure the file is part of the TypeScript program via the 'files' or 'include' property.

X [ERROR] File 'src\polyfills.ts' is missing from the TypeScript compilation. [plugin angular-compiler]

angular:polyfills:angular:polyfills:1:7:
  1 │ import 'src/polyfills.ts';

Minimal Reproduction

ng serve

Exception or Error

No response

Your Environment

Angular CLI: 16.2.12
Node: 16.15.0
Package Manager: npm 8.5.5
OS: win32 x64

Angular: 16.2.12
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
------------------------------------------------------------    
@angular-devkit/architect          0.1602.12
@angular-devkit/build-angular      16.2.12
@angular-devkit/build-ng-packagr   0.1002.0
@angular-devkit/core               16.2.12
@angular-devkit/schematics         16.2.12
@angular/cdk                       16.2.13
@angular/material                  16.2.13
@schematics/angular                16.2.12
ng-packagr                         16.2.3
rxjs                               7.8.1
typescript                         4.9.5
zone.js                            0.14.3

Anything else relevant?

No response

[SandeepCheemakurthi]

@alan-agius4#25341 -- I believe this issue is similar to mine, I see it's fixed but still the same issue. Can Please help on this.

[Omkar76]

Looks like fix for this was shipped in angular 17 but not 16.

[SandeepCheemakurthi]

Looks like fix for this was shipped in angular 17 but not 16.

So ESBuild can't be used for angular 16 applications?

[JeanMeche]

Depending on your polyfill.ts you could have its content directly on the polyfills entry in the angular.json.

[SandeepCheemakurthi]

Depending on your polyfill.ts you could have its content directly on the polyfills entry in the angular.json.

Polyfills issue I could solve it, but for main.ts?

[JeanMeche]

Do you use a custom baseUrl as in #25341 ?

[SandeepCheemakurthi]

Do you use a custom baseUrl as in #25341 ?

baseUrl:"./" , it's configured in this way

[alan-agius4]

Thanks for reporting this issue. Luckily, it has already been fixed in one of the recent releases. Please update to the most recent version to resolve the problem.

If the problem persists in your application after upgrading, please open a new issue, provide a simple repository reproducing the problem, and describe the difference between the expected and current behavior. You can use ng new repro-app to create a new project where you reproduce the problem.

[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.}