Errors with ABP Studio created Angular apps #10456

2 Answer(s)

• 

  0

  AI-Bot created yesterday

  Support Team ABP Agent

  • The error is caused by an incompatible @ng-bootstrap/ng-bootstrap version being installed/resolved in your Angular app.
    • Your ABP Angular packages (@volo/abp.ng.account, @volo/abp.ng.identity, etc.) are compiled against an ng-bootstrap version that exports module symbols like NgbNavModule, NgbDropdownModule, NgbPopoverModule, NgbDatepickerModule, NgbTooltipModule.
    • In your current dependency tree, TypeScript sees an ng-bootstrap package where these module exports don’t exist (hence “Did you mean NgbModule?”). This typically happens when yarn resolves a different major of @ng-bootstrap/ng-bootstrap than what the ABP Angular packages expect.

  Fix (recommended)

  1. Force a compatible ng-bootstrap version for ABP 10.0.2 by pinning it in your angular/package.json and/or using Yarn resolutions.

     In angular/package.json:

  {
       "dependencies": {
         "@ng-bootstrap/ng-bootstrap": "<PIN_TO_ABP_COMPATIBLE_VERSION>"
       },
       "resolutions": {
         "@ng-bootstrap/ng-bootstrap": "<PIN_TO_ABP_COMPATIBLE_VERSION>"
       }
     }
  

  Then:

  • delete node_modules
  • delete yarn.lock
  • run yarn
  • run yarn start

  2. If you want a quick way to discover what yarn actually installed before/after pinning:

  yarn why @ng-bootstrap/ng-bootstrap
  

  Why this happens in your specific output

  • The failing .d.ts files are under: node_modules/@volo/abp.ng.account/...
  • The referenced ng-bootstrap types are being resolved from: node_modules/@volo/abp.ng.identity/node_modules/@ng-bootstrap/ng-bootstrap/...
  • That nested install strongly suggests multiple versions of ng-bootstrap are being pulled in, and at least one is not compatible with the ABP Angular packages you generated.

  Notes

  • Don’t “fix” this by editing anything under node_modules/@volo/... (it will be overwritten and isn’t the root cause). The correct fix is to normalize/pin frontend package versions so only the compatible ng-bootstrap version is used.

  Sources

  • https://abp.io/docs/latest/framework/ui/angular/account-module

  ---

  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.

  Save Cancel
• 

  0

  sumeyye.kurtulus created yesterday

  Support Team Angular Expert

  Hello,

  Thank you for reporting this problem. We will be fixing it on our side in the next patch release, and I will also process a refund for this ticket. Until we release a fix, you can add these resolutions to your package.json file. After you re-install the dependencies, the problem should be solved.

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

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

  Save Cancel