swimlane / ngx-graph

Graph visualization library for angular

Home Page:https://swimlane.github.io/ngx-graph

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Nikhildubey282 opened this issue · comments

{
"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.

@marjan-georgiev please provide solution of it

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

{
"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

duplicate to #487 please check solutions there