I am getting below error
X [ERROR] TS2307: Cannot find module '@abp/ng.components/extensible/lib/models/internal/object-extensions' or its corresponding type declarations. [plugin angular-compiler]
node_modules/@volo/abp.ng.identity-server/lib/resolvers/extensions.resolver.d.ts:1:94:
1 │ ...ble<import("@abp/ng.components/extensible/lib/models/internal/ob...
Already tried
rm -rf node_modules package-lock.json npm install
Closed Visual Studio Code and Reopened Checked internal paths - didn't found any reference
Below is from my package.json
"private": true,
"dependencies": {
"@abp/ng.components": "^9.2.3",
"@abp/ng.core": "^9.2.3",
"@abp/ng.identity": "^9.2.3",
"@abp/ng.setting-management": "^9.2.3",
"@abp/ng.theme.shared": "^9.2.3",
"@abp/signalr": "^9.2.3",
"@angular/animations": "^19.2.14",
"@angular/cdk": "^19.2.19",
"@angular/common": "^19.2.14",
"@angular/compiler": "^19.2.14",
"@angular/core": "^19.2.14",
"@angular/forms": "^19.2.14",
"@angular/localize": "^19.2.14",
"@angular/platform-browser": "^19.2.14",
"@angular/platform-browser-dynamic": "^19.2.14",
"@angular/router": "^19.2.14",
"@angular/service-worker": "^19.2.14",
"@fjsc/ng2-dnd-list": "^1.0.4",
"@fortawesome/fontawesome-free": "^5.14.0",
"@microsoft/signalr": "^7.0.2",
"@ng-bootstrap/ng-bootstrap": "^18.0.0",
"@ng-select/ng-select": "^14.9.0",
"@ngxs/store": "^19.0.0",
"@swimlane/ngx-datatable": "^20.1.0",
"@types/esri-leaflet": "^2.1.6",
"@types/leaflet": "^1.5.23",
"@volo/abp.commercial.ng.ui": "^9.2.3",
"@volo/abp.ng.account": "^9.2.3",
"@volo/abp.ng.audit-logging": "^9.2.3",
"@volo/abp.ng.identity": "^9.2.3",
"@volo/abp.ng.identity-server": "^9.2.3",
"@volo/abp.ng.language-management": "^9.2.3",
"@volo/abp.ng.saas": "^9.2.3",
"@volo/abp.ng.text-template-management": "^9.2.3",
"@volo/abp.ng.theme.lepton": "^9.2.3",
"angular-oauth2-oidc": "^15.0.1",
"angularx-qrcode": "^19.0.0",
"buffer": "^6.0.3",
"crypto-browserify": "^3.12.0",
"esri-leaflet": "^3.0.17",
"esri-leaflet-geocoder": "^3.1.6",
"file-saver": "^2.0.5",
"leaflet-easyprint": "^2.1.9",
"leaflet-simple-map-screenshoter": "^0.4.2",
"localforage": "^1.9.0",
"lodash": "^4.17.21",
"moment": "^2.29.1",
"ng-multiselect-dropdown": "^1.0.0",
"ng-zorro-antd": "^19.2.2",
"ngx-bootstrap": "^6.2.0",
"ngx-cookie-service": "^19.0.0",
"ngx-daterangepicker-material": "^6.0.4",
"ngx-mask": "^14.2.4",
"ngx-material-timepicker": "^5.5.3",
"ngx-spinner": "^19.0.0",
"ngx-time-mask": "^1.0.1"
"rxjs": "^7.8.2",
"tslib": "^2.8.1",
"xml-js": "1.6.11",
"zone.js": "~0.15.1"
},
"devDependencies": {
"@abp/ng.schematics": "^9.2.3",
"@angular-devkit/build-angular": "^19.2.14",
"@angular/cli": "^19.2.14",
"@angular/compiler-cli": "^19.2.14",
"@angular/language-service": "^19.2.14",
"@types/google.maps": "^3.58.1",
"@types/googlemaps": "3.39.12",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"@types/jest": "^30.0.0",
"@types/lodash": "^4.17.20",
"@types/node": "^12.11.1",
"angular-eslint": "19.1.0",
"eslint": "^9.29.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"ng-packagr": "19.0.0",
"protractor": "~7.0.0",
"stream": "^0.0.2",
"ts-node": "~8.3.0",
"typescript": "~5.6.2",
"typescript-eslint": "8.34.1"
}
3 Answer(s)
-
0
The error
TS2307: Cannot find module '@abp/ng.components/extensible/lib/models/internal/object-extensions'typically occurs when there is a version mismatch between ABP Angular packages or a missing/incorrect dependency.In your
package.json, all ABP Angular packages are at version^9.2.3, which is correct. However, this error can still occur if:- The
node_modulesfolder is not fully refreshed. - There is a lock file conflict.
- There is a missing or incompatible peer dependency.
- The
Solution Steps:
- Delete
node_modules,package-lock.json, andyarn.lock(if present):
rm -rf node_modules package-lock.json yarn.lock- Reinstall dependencies:
npm install- If you are using Yarn, use:
yarn installEnsure that all ABP Angular packages (
@abp/ng.components,@abp/ng.core, etc.) and all@volo/abp.*packages are on the exact same version (9.2.3). Do not mix^and~for these packages; use the same prefix for all.If the error persists, check for any direct imports in your code or in custom modules that reference internal ABP paths (like
@abp/ng.components/extensible/lib/models/internal/object-extensions). These internal paths are not part of the public API and should not be imported directly. Only use public APIs as documented.If you are using a custom or third-party ABP Angular module, ensure it is also built against the same ABP version.
If you have recently upgraded ABP, regenerate static proxies and rebuild your project:
abp generate-proxy -t ng npm run build- If you still encounter the error, try upgrading all ABP Angular packages to the latest compatible version and repeat the above steps.
Related Support References:
- Similar issues and solutions are discussed in the following validated support threads:
- https://abp.io/support/questions/8935
- https://abp.io/support/questions/410
These steps should resolve the module not found error for ABP Angular packages.
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.
-
0
checked related support references - no luck
-
0
Hello
I noticed a small syntax issue in your code—there is a missing comma between the dependencies:
"ngx-spinner": "^19.0.0", "ngx-time-mask": "^1.0.1" // Missing comma here "rxjs": "^7.8.2",Aside from that, I wasn’t able to reproduce the problem on my end. It would be very helpful if you could provide a minimal reproducible example. You can send it to me directly at sumeyye.kurtulus@volosoft.com.
Additionally, I recommend aligning your Angular package versions to
~19.1.0, as it is the best-supported version for the ABP version you're using.
