Skip to content

Conversation

@mddifilippo89
Copy link
Member

Summary
I've successfully updated the Angular 21 build errors. Here are the key changes made to get things running, as there were breaking changes by simply updating our packages. There are also more breaking changes introduced by igniteui-angular so I decided not to update that package yet in this PR, see

https://github.com/IgniteUI/igniteui-angular/blob/master/CHANGELOG.md#breaking-changes-1

Issues Fixed:
NG2010 Error - CUSTOM_ELEMENTS_SCHEMA in components: Removed the schemas property from component decorators in:

app.component.ts
docs-layout.component.ts
These can only be used in NgModules or standalone components, not regular components TS2307 Module Resolution Error: Fixed the "Cannot find module" errors for Angular subpath exports by:

Changed moduleResolution from "node" to "bundler"
Enabled resolvePackageJsonExports: true
Enabled resolvePackageJsonImports: true
This allows TypeScript to resolve Angular's new subpath exports like @angular/common/http and @angular/platform-browser/animations Duplicate Configuration: Removed duplicate skipLibCheck: true entry from tsconfig.base.json:11

Configuration Changes:
The tsconfig.base.json was updated with:

moduleResolution: "bundler" - Allows resolution of subpath exports resolvePackageJsonExports: true - Respects the "exports" field in package.json resolvePackageJsonImports: true - Respects the "imports" field in package.json Result:
✅ Build now completes successfully with only warnings (not errors):

JSZip namespace import warning (library issue, not blocking) CommonJS dependency warnings (not blocking)
Theme component exclusion warnings (intentional)

Perfect! The build succeeded. Let me create a summary of what was fixed:

Summary
I've successfully fixed the Angular 21 build errors. Here are the key changes made:

Issues Fixed:
NG2010 Error - CUSTOM_ELEMENTS_SCHEMA in components: Removed the schemas property from component decorators in:

app.component.ts
docs-layout.component.ts
These can only be used in NgModules or standalone components, not regular components
TS2307 Module Resolution Error: Fixed the "Cannot find module" errors for Angular subpath exports by:

Changed moduleResolution from "node" to "bundler"
Enabled resolvePackageJsonExports: true
Enabled resolvePackageJsonImports: true
This allows TypeScript to resolve Angular's new subpath exports like @angular/common/http and @angular/platform-browser/animations
Duplicate Configuration: Removed duplicate skipLibCheck: true entry from tsconfig.base.json:11

Configuration Changes:
The tsconfig.base.json was updated with:

moduleResolution: "bundler" - Allows resolution of subpath exports
resolvePackageJsonExports: true - Respects the "exports" field in package.json
resolvePackageJsonImports: true - Respects the "imports" field in package.json
Result:
✅ Build now completes successfully with only warnings (not errors):

JSZip namespace import warning (library issue, not blocking)
CommonJS dependency warnings (not blocking)
Theme component exclusion warnings (intentional)
@mddifilippo89 mddifilippo89 added the status: in-review PR is ready for review label Jan 23, 2026
@mddifilippo89 mddifilippo89 requested a review from Copilot January 23, 2026 21:20
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

status: in-review PR is ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants