I have shared details over email. Also I have enabled Debug. Post deployment, I will share the fresh logs
[maliming] said: ok : )
Sorry for the delayed response. After including changes as suggested, I still face the same issue.
Do let me know: apart from the identitymodel logs, is there anything else you would like me to share? I could do it over email. Also, let me know if we could connect over a short call I can walk you through the code and changes we have made so far. Thank you!
[maliming] said: TokenValidationParameters
thank you. Yaduraj is on a leave this week and the changes are not yet implemented. I just did and waiting for deployment. I'll update you soon. thank you!
Here are the logs from Identity and Gateway projects:
Identity API:
Gateway API:
On the email, I'm sending you a copy of the Application and Network tab contents.
thanks!
Hi ABP team,
Is it possible that we could get over a short call, as we 're running short of time and we have critical deliveries dependent on this upgrade we did?
We're facing issues logging into the application post ABP IO upgrade. And I see some of your suggestions are helping but itsn;t fast enough for us to do it over support tickets and meet our deadlines.
Just sharing a summary of .NET and Angular upgrades we did here. UPGRADE_COMPLETION_REPORT.md
ANGULAR-22-ABP-10.6-UPGRADE-COMPLETE-SUMMARY.md
Pls review them and let us know when can we connect today? Thanks!
Project: TASConnect Litmus Platform
Period: August 28 - September 1, 2026
PR: #3355
Branch: feature/R26.06_angular22-abp10-upgrade
Successfully upgraded Angular 17.3.12 → 22.0.8 with ABP 8.3 → 10.6 and TypeScript 5.3 → 6.0 for backend .NET 10 compatibility.
Impact:
standalone: falseStatus:
✅ Compilation: Success (0 errors)
⚠️ Warnings: Sass deprecations (non-blocking)
✅ Dev Server: Starts successfully
✅ Runtime: Application loads correctly
| Package | Before | After | |---------|--------|-------| | Angular | 17.3.12 | 22.0.8 | | TypeScript | 5.3.0 | 6.0.0 | | ABP Framework | 8.3.0 | 10.6.0 | | ng-zorro-antd | 17.4.1 | 22.0.1 | | Angular Material | 17.3.10 | 22.1.4 | | ng-bootstrap | 16.0.0 | 17.0.0 (downgraded from 18 for compatibility) |
browserTarget → buildTarget in angular.jsonLOGO_APP_NAME_TOKEN provider (required in ABP 10+)declare keyword to 50+ DTOsexport class MyDto extends PagedDto {
declare sorting: string; // ← Added 'declare'
}
standalone: false to ~738 componentsngx-image-cropper usage (Module → Component)Angular 22 defaults to standalone: true. All NgModule components need standalone: false.
@Component({
standalone: false, // ← Required
selector: 'app-example',
templateUrl: './example.component.html'
})
Complex expressions in [(value)] no longer supported.
<!-- ❌ Before -->
<mat-select [(value)]="form?.value.field">
<!-- ✅ After -->
<mat-select [formControl]="form?.controls['field']">
Must use declare keyword for inherited properties.
Changed from node to bundler in tsconfig.json.
browserTarget renamed to buildTarget.
Requires explicit LOGO_APP_NAME_TOKEN provider.
Angular 22 requires DatePipe in global providers for lazy-loaded ABP modules.
tsconfig.json:
{
"compilerOptions": {
"target": "ES2022",
"moduleResolution": "bundler",
"strictPropertyInitialization": false,
"useDefineForClassFields": false
}
}
angular.json:
{
"serve": {
"options": {
"buildTarget": "litmus:build" // Changed from browserTarget
}
}
}
app.module.ts:
import { DatePipe } from '@angular/common';
@NgModule({
providers: [
DatePipe, // ← Angular 22 fix for lazy-loaded modules
// ...
]
})
Issue: ABP 10.6 imports non-existent @angular/aria/tabs.
Workaround: Create polyfill in node_modules/@angular/aria/tabs/.
Action: Recreate after every npm install.
Doc: See ABP-ANGULAR-22-POLYFILL-WORKAROUND.md
Issue: Sass @import will be removed in Dart Sass 3.0.
Impact: Non-blocking warnings.
Future: Migrate to @use and @forward syntax.
Affected: lodash, moment, highcharts, crypto-js, uuid.
Impact: Larger bundle size, no functional issues.
Fixed: Using v17 (v18 has afterRender issues).
Pre-Deployment:
Build Configuration:
NODE_OPTIONS=--max-old-space-size=8192ABP Polyfill:
node_modules/@angular/aria/tabs/ polyfillPost-Deployment:
Code Changes:
Build Metrics:
Package Upgrades:
58b41a68 - Initial Angular 22 upgrade3ede8924 - ABP 10.6 upgradefda8ef48 - TypeScript 6.0 DTO fixes2ab9bcda - Complete upgrade with standalone:falsecdc6f407 - DatePipe provider fix ⭐377892a5 - DateFormatPipe provider fix (PR review)33b47d33 - Remove dead @HostListener codeWhat Worked:
Challenges:
Future:
Documentation:
Internal Docs:
ABP-ANGULAR-22-POLYFILL-WORKAROUND.mdANGULAR-22-ABP-10.6-FIX-SUMMARY.mdContact: Pradeep.Pradyumna@tasconnect.com
Status: ✅ Complete
Last Updated: September 2, 2026
NO AI response please. Request you to go through the attached markdown files and respond
I'm looking to upgrade the Angular with ABP which is at Angular 17 and ABP 8.3.0 versions. I get a lot of issues, when I did using it Claude. Here are the reports:
Present scenario: Currently our solution, we are using three microservices say ms1, ms2 and ms3 and one API gateway project. We are injecting EntityFrameworkCoreModule and ContractsModule of all 3 microservices inside gateway. Inside dependson[] we have 3 pairs of EntityFrameworkCoreModule and ContractsModule along with other abp dependencies.
Problem statement: We're building a new module that requires a new microservices ms4. Now, we only want inject dependencies of ms4 to gateway, and remove references of ms1, ms2 and ms3. Doing so, gives us an error since these gateway requires references of ms1, ms2 and ms3 to enable its features/ permissions at the time of application load.
Expectation: I want build and deploy my solution containing just gateway and ms4. I don't want to deploy ms1, ms2 and ms3. How can I inject ms4 alone? If it really required to inject ms1, ms2 and ms3, can I do it conditionally?
