Ошибка angular2-nvd3: groups.watchTransition не является функцией - PullRequest
0 голосов
/ 19 сентября 2018

У меня есть угловой сайт с некоторыми диаграммами, созданными с помощью 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, поэтому я действительно хотел бы найти решение без откатавсе.Основные изменения касаются угловой версии и версии 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"

1 Ответ

0 голосов
/ 24 сентября 2018

Если это может кому-то помочь, я решил свою проблему с помощью:

  1. удаленная папка node_modules
  2. npm uninstall -g @ angular / cli
  3. npm clean cache--force
  4. npm i -g @ angular / cli
  5. npm i

Возможно, старая зависимость в папке узла ..

...