angular2-nvd3 error: groups.watchTransition is not a function

Question

我有一个 angular 网站，上面有一些用 angular2-nvd3 制作的图表。我最近升级了我所有的依赖项，从那以后我有这个错误：

ERROR TypeError: groups.watchTransition is not a function
    at SVGGElement.<anonymous> (nv.d3.js:13130)
    at d3.js:962
    at d3_selection_each (d3.js:968)
    at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.each (d3.js:961)
    at Array.chart (nv.d3.js:12775)
    at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.call (d3.js:975)
    at SVGGElement.<anonymous> (nv.d3.js:6621)
    at d3.js:962
    at d3_selection_each (d3.js:968)
    at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.each (d3.js:961)
ERROR TypeError: bars.watchTransition is not a function
        at SVGGElement.<anonymous> (nv.d3.js:8286)
        at d3.js:962
        at d3_selection_each (d3.js:968)
        at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.each (d3.js:961)
        at Array.chart (nv.d3.js:8041)
        at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.call (d3.js:975)
        at SVGSVGElement.<anonymous> (nv.d3.js:8682)
        at d3.js:962
        at d3_selection_each (d3.js:968)
        at Array.push../node_modules/angular2-nvd3/node_modules/d3/d3.js.d3_selectionPrototype.each (d3.js:961)

由于上一个 rxjs 中的破坏性更改，我需要进行很多更改，所以我真的很想找到一个解决方案而不回滚所有内容。主要变化是关于 angular 和 rxjs 版本。有人有想法吗？

这是我之前的 package.json:

 "@agm/core": "^1.0.0-beta.2",
    "@angular/animations": "^6.0.1",
    "@angular/cdk": "^6.0.1",
    "@angular/common": "^6.0.1",
    "@angular/compiler": "^6.0.1",
    "@angular/core": "^6.0.1",
    "@angular/flex-layout": "^6.0.0-beta.15",
    "@angular/forms": "^6.0.1",
    "@angular/http": "^6.0.1",
    "@angular/material": "^6.0.1",
    "@angular/platform-browser": "^6.0.1",
    "@angular/platform-browser-dynamic": "^6.0.1",
    "@angular/router": "^6.0.1",
    "@asymmetrik/ngx-leaflet": "^3.0.2",
    "@asymmetrik/ngx-leaflet-markercluster": "^1.0.0",
    "angular2-nvd3": "^1.0.7",
    "bcryptjs": "^2.4.3",
    "core-js": "^2.5.6",
    "d3": "^3.5.17",
    "flex-layout": "^1.0.1",
    "hammerjs": "^2.0.8",
    "leaflet": "^1.3.1",
    "leaflet.markercluster": "^1.3.0",
    "nvd3": "^1.8.6",
    "rxjs": "^6.1.0",
    "rxjs-compat": "^6.1.0",
    "zone.js": "^0.8.26"

而新的：

   "@agm/core": "^1.0.0-beta.3",
    "@angular/animations": "^6.1.7",
    "@angular/cdk": "^6.4.7",
    "@angular/common": "^6.1.7",
    "@angular/core": "^6.1.7",
    "@angular/flex-layout": "^6.0.0-beta.18",
    "@angular/forms": "^6.1.7",
    "@angular/http": "^6.1.7",
    "@angular/material": "^6.4.7",
    "@angular/platform-browser": "^6.1.7",
    "@angular/platform-browser-dynamic": "^6.1.7",
    "@angular/router": "^6.1.7",
    "@asymmetrik/ngx-leaflet": "^3.1.0",
    "@asymmetrik/ngx-leaflet-markercluster": "^1.0.0",
    "@types/bcryptjs": "^2.4.1",
    "angular2-nvd3": "^1.0.7",
    "bcryptjs": "^2.4.3",
    "core-js": "^2.5.7",
    "crypto": "^1.0.1",
    "d3": "^3.5.17",
    "flex-layout": "^1.0.1",
    "hammerjs": "^2.0.8",
    "leaflet": "^1.3.4",
    "leaflet.markercluster": "^1.4.0",
    "nvd3": "^1.8.5",
    "rxjs": "^6.3.2",
    "zone.js": "^0.8.26"

Answer 1

如果它可以帮助某人，我解决了我的问题：

已删除 node_modules 个文件夹
npm uninstall -g @angular/cli
npm 缓存清理 --force
npm i -g @angular/cli
npm i

可能是节点文件夹中的旧依赖项..

angular2-nvd3 error: groups.watchTransition is not a function

angular2-nvd3 error: groups.watchTransition is not a function

d3.js

ng2-nvd3

angular