No provider found for `InjectionToken SORT_COMPARE_FUNC`, `InjectionToken CORE_OPTIONS, and Circular dependency detected for `_ConfigStateService` #10505

6 Answer(s)

• 

  0

  AI-Bot created 7 months ago

  Support Team ABP Agent

  • Undo the tsconfig.json path mappings to node_modules (the ones like @abp/*: node_modules/@abp/*, @volo/*: node_modules/@volo/*).
    Those mappings can make Angular/TS resolve different physical copies / entry points of the same ABP packages and that commonly ends up as:

    • duplicated DI tokens (so you get “No provider found for InjectionToken …” even though you “provided” it),
    • and circular DI graphs (like _ConfigStateService).

  • Fix the SORT_COMPARE_FUNC error by registering its provider (only if you really need custom sorting).
    If your app uses ABP menu/navigation sorting customization, you must provide the token:

  // app.module.ts (or a core module that is imported once)
    import { NgModule } from '@angular/core';
    import { SORT_COMPARE_FUNC } from '@abp/ng.core';
  
    export function sortCompareFuncFactory() {
      return (a: any, b: any) => 0; // replace with your compare logic
    }
  
    @NgModule({
      providers: [
        {
          provide: SORT_COMPARE_FUNC,
          useFactory: sortCompareFuncFactory,
        },
      ],
    })
    export class AppModule {}
  

  If you don’t need custom sorting, the real fix is still the first bullet (stop forcing @abp/* / @volo/* to resolve from node_modules via paths), because ABP’s own module should normally provide the default token.

  • Fix the “You should add @abp/ng-oauth packages…” message by installing/including ABP’s Angular auth package (for v10 this is still the @abp/ng.oauth package family). Ensure it’s referenced in package.json and that your app is bootstrapped with the ABP auth module/provider setup (otherwise you’ll get missing CORE_OPTIONS / auth-related tokens as well).
    (This error is emitted by ABP when no auth package is present/loaded.)

  • Then clean-install dependencies to remove any duplicated dependency tree:

    1. delete node_modules and lock file (package-lock.json or yarn.lock)
    2. reinstall (npm ci or yarn install)
    3. run again

  ---

  • https://abp.io/docs/10.0/release-info/migration-guides/abp-10-0
  • https://abp.io/docs/latest/framework/ui/angular/sorting-navigation-elements

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  triet.nguyen created 7 months ago

  Hi,

  I need a person to support me this case. None of the responses from ABP Agent work for me!

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  sumeyye.kurtulus created 7 months ago

  Support Team Angular Expert

  Hello, Thank you for explaining the issue in detail. It may be related to a misconfigured installation. Could you add the following resolutions to your package.json and try reinstalling?

    "resolutions": {
      "@ng-bootstrap/ng-bootstrap": "~19.0.0",
      "@volo/abp.commercial.ng.ui": "~10.0.3",
      "@volo/abp.ng.account": "~10.0.3"
    },
  

  You can let us know if you need further assistance. Thank you for your cooperation.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  triet.nguyen created 7 months ago

  Hi,

  Thank you for your response. I followed your instruction and applied in both my real project & the public repository above.

  The problem is still persisting. Please verify on your end to make sure you have the same issue!

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  sumeyye.kurtulus created 7 months ago

  Support Team Angular Expert

  Hello again,

  I apologize for overlooking the project in your original question. After reviewing the project you shared, I noticed that some paths in the tsconfig.json file redirect to node_modules. This approach is no longer supported. You can find more details here:

  https://abp.io/community/articles/angular-library-linking-made-easy-paths-workspaces-and-5z2ate6e#how-path-references-worked-before-the-new-angular-application-builder

  /* To learn more about this file see: https://angular.io/config/tsconfig. */
  {
    "compileOnSave": false,
    "compilerOptions": {
      // ...
      "paths": {
        "product-service": ["src/product-service/public-api.ts"]
        // "@abp/*": ["node_modules/@abp/*"],
        // "@volo/*": ["node_modules/@volo/*"]
      },
      "useDefineForClassFields": false
    },
  }
  
  

  I also noticed that some package versions are not aligned. In particular, the Angular-related packages and the TypeScript version should match specific compatible versions. Unless you have a specific reason to use different versions, I recommend aligning them as follows:

  {
    "name": "angular-starter",
    "private": true,
    "engines": {
      "node": "^22.0.0"
    },
    //...
    "resolutions": {
      "@ng-bootstrap/ng-bootstrap": "~19.0.0",
      "@volo/abp.commercial.ng.ui": "~10.0.3",
      "@volo/abp.ng.account": "~10.0.3"
    },
    "dependencies": {
      "@abp/ng.components": "~10.0.3",
      "@abp/ng.feature-management": "~10.0.3",
      "@abp/ng.core": "~10.0.3",
      "@abp/ng.oauth": "~10.0.3",
      "@abp/ng.setting-management": "~10.0.3",
      "@abp/ng.tenant-management": "~10.0.3",
      "@abp/ng.theme.shared": "~10.0.3",
      "@abp/ng.theme.lepton-x": "~5.0.3",
      "@angular/animations": "~20.0.0",
      "@angular/common": "~20.0.0",
      "@angular/compiler": "~20.0.0",
      "@angular/core": "~20.0.0",
      "@angular/forms": "~20.0.0",
      "@angular/localize": "~20.0.0",
      "@angular/platform-browser": "~20.0.0",
      "@angular/platform-browser-dynamic": "~20.0.0",
      "@angular/router": "~20.0.0",
      //...
      "@volo/abp.commercial.ng.ui": "~10.0.3",
      "@volo/abp.ng.account": "~10.0.3",
      "@volo/abp.ng.audit-logging": "~10.0.3",
      "@volo/abp.ng.chat": "~10.0.3",
      "@volo/abp.ng.file-management": "~10.0.3",
      "@volo/abp.ng.gdpr": "~10.0.3",
      "@volo/abp.ng.identity": "~10.0.3",
      "@volo/abp.ng.language-management": "~10.0.3",
      "@volo/abp.ng.openiddictpro": "~10.0.3",
      "@volo/abp.ng.saas": "~10.0.3",
      "@volo/abp.ng.text-template-management": "~10.0.3",
      "@volosoft/abp.ng.theme.lepton-x": "~5.0.3",
      //...
    },
    "devDependencies": {
      "@abp/ng.schematics": "~10.0.3",
      "@angular/build": "~20.0.0",
      "@angular-eslint/builder": "~20.0.0",
      "@angular-eslint/eslint-plugin": "~20.0.0",
      "@angular-eslint/eslint-plugin-template": "~20.0.0",
      "@angular-eslint/schematics": "~20.0.0",
      "@angular-eslint/template-parser": "~20.0.0",
      "@angular/cli": "~20.0.0",
      "@angular/compiler-cli": "~20.0.0",
      "@angular/language-service": "~20.0.0",
      "@types/file-saver": "^2.0.7",
      "@types/jasmine": "~3.6.0",
      "@types/jszip": "^3.4.0",
      "@types/node": "^20.17.16",
      "@typescript-eslint/eslint-plugin": "^8.50.0",
      "@typescript-eslint/parser": "^8.50.0",
      //...
      "typescript": "~5.8.0"
    }
  }
  
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel

  1
• 

  0

  triet.nguyen created 7 months ago

  Hi,

  Thank you for your clarification! And it does solve the issue.

  I find the root cause from your answers by adding resolutions & upgrade theme.lepton-x related packages to ~5.0.3.

  And removing // "@abp/*": ["node_modules/@abp/*"], // "@volo/*": ["node_modules/@volo/*"] in tsconfig.json file

  // packages.json
  {
    // ...
    "resolutions": { 
      "@ng-bootstrap/ng-bootstrap": "~19.0.0",
      "@volo/abp.commercial.ng.ui": "~10.0.3",
      "@volo/abp.ng.account": "~10.0.3"
    },
    "dependencies": {
      // ...
      "@abp/ng.theme.lepton-x": "~5.0.3",
      // ...
      "@volosoft/abp.ng.theme.lepton-x": "~5.0.3"
    },
    "devDependencies": {
      // ...
    }
  }
  
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel

  1