ERROR TypeError: vt(...).select(...).attr(...).transition is not a function

[Nikhildubey282]

{ "name": "web-rcc-app", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "resolutions": { "webpack": "^5.0.0" }, "dependencies": { "@angular/animations": "~12.2.15", "@angular/cdk": "^12.2.13", "@angular/common": "~12.2.15", "@angular/compiler": "~12.2.15", "@angular/core": "~12.2.15", "@angular/forms": "~12.2.15", "@angular/material": "^12.2.13", "@angular/platform-browser": "~12.2.15", "@angular/platform-browser-dynamic": "~12.2.15", "@angular/router": "~12.2.15", "@swimlane/ngx-graph": "^8.2.2", "aws-sdk": "^2.869.0", "browser-image-compression": "^1.0.17", "ngx-quill": "^14.1.2", "quill": "^1.3.7", "rxjs": "~6.6.0", "tslib": "^2.0.0", "util": "^0.12.4", "zone.js": "~0.11.4" }, "devDependencies": { "@angular-devkit/build-angular": "^12.2.14", "@angular/cli": "~12.2.14", "@angular/compiler-cli": "~12.2.15", "@types/d3-dispatch": "^3.0.2", "@types/d3-drag": "^3.0.2", "@types/d3-selection": "^3.0.5", "@types/d3-shape": "^3.1.1", "@types/d3-timer": "^3.0.0", "@types/jasmine": "~3.6.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", "codelyzer": "^6.0.0", "jasmine-core": "~3.6.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~6.3.9", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "^1.5.0", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~4.3.5" } }

This my package.json my code is working fine on local machine but server its giving this error ERROR TypeError: vt(...).select(...).attr(...).transition is not a function and if i install d3 as a dependenices then my code give FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory error.Please solution of it or tell correct version and correct approach.

[Nikhildubey282]

@marjan-georgiev please provide solution of it

[jogurtik]

Have exactly the same bug in angular 15 + ngxgraph > 8.0.2 . Have somebody any solution?

[Nikhildubey282]

{ "name": "web-rcc-app", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "resolutions": { "webpack": "^5.0.0" }, "dependencies": { "@angular/animations": "~12.2.15", "@angular/cdk": "^12.2.13", "@angular/common": "~12.2.15", "@angular/compiler": "~12.2.15", "@angular/core": "~12.2.15", "@angular/forms": "~12.2.15", "@angular/material": "^12.2.13", "@angular/platform-browser": "~12.2.15", "@angular/platform-browser-dynamic": "~12.2.15", "@angular/router": "~12.2.15", "@swimlane/ngx-graph": "^8.2.2", "aws-sdk": "^2.869.0", "browser-image-compression": "^1.0.17", "d3-selection": "^1.3.2", "ngx-quill": "^14.1.2", "quill": "^1.3.7", "rxjs": "~6.6.0", "tslib": "^2.0.0", "util": "^0.12.4", "zone.js": "~0.11.4" }, "devDependencies": { "@angular-devkit/build-angular": "^12.2.14", "@angular/cli": "~12.2.14", "@angular/compiler-cli": "~12.2.15", "@types/d3-dispatch": "^3.0.2", "@types/d3-drag": "^3.0.2", "@types/d3-shape": "^3.1.1", "@types/d3-timer": "^3.0.0", "@types/jasmine": "~3.6.0", "@types/jasminewd2": "~2.0.3", "@types/node": "^12.11.1", "codelyzer": "^6.0.0", "jasmine-core": "~3.6.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~6.3.9", "karma-chrome-launcher": "~3.1.0", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "^1.5.0", "protractor": "~7.0.0", "ts-node": "~8.3.0", "tslint": "~6.1.0", "typescript": "~4.3.5" }

} update the package.json like this . Only install d3-selection as a dependencies and ngx graph version 8 compatiable with version of d3-selection 1.3.2 .Change such things it will work fine. @jogurtik

[Kr0san89]

duplicate to https://github.com/swimlane/ngx-graph/issues/487 please check solutions there