TypeError: PlotlyService.plotly.purge is not a function

Offen
  • Stimmt etwas nicht?
#180 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Bug
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
angular, typescript
Bereich
frontend

Rechercherichtung

Beginne damit, das Szenario des dynamischen Modulwechsels zu reproduzieren, und verfolge dann PlotlyComponent.ngOnDestroy und PlotlyService.plotly.purge in angular-plotly.js. Vergleiche, wie PlotlyViaCDNModule in den beiden Modulen konfiguriert und geladen wird; abgeschlossen ist die Aufgabe, wenn der Wechsel von Kontexten keinen purge TypeError mehr auslöst.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Getting this error when switching active submodules

core.js:6486 ERROR Error: Uncaught (in promise): TypeError: PlotlyService.plotly.purge is not a function
TypeError: PlotlyService.plotly.purge is not a function
    at Function.remove (:4200/default-src_app_service_comp-reg_service_ts.js:25186)
    at PlotlyComponent.ngOnDestroy (:4200/default-src_app_service_comp-reg_service_ts.js:25348)
    at executeOnDestroys (:4200/vendor.js:32351)
    at cleanUpView (:4200/vendor.js:32254)
    at destroyViewTree (:4200/vendor.js:32080)
    at destroyLView (:4200/vendor.js:32232)
    at RootViewRef.destroy (:4200/vendor.js:47596)
    at ComponentRef$1.destroy (:4200/vendor.js:50130)
    at RouterOutlet.deactivate (:4200/vendor.js:93334)
    at ActivateRoutes.deactivateRouteAndOutlet (:4200/vendor.js:89858)
    at resolvePromise (:4200/polyfills.js:1222)
    at resolvePromise (:4200/polyfills.js:1176)
    at :4200/polyfills.js:1288
    at ZoneDelegate.invokeTask (:4200/polyfills.js:415)
    at Object.onInvokeTask (:4200/vendor.js:53612)
    at ZoneDelegate.invokeTask (:4200/polyfills.js:414)
    at Zone.runTask (:4200/polyfills.js:187)
    at drainMicroTaskQueue (:4200/polyfills.js:591)
defaultErrorLogger @ core.js:6486

Submodule config:

...
import { PlotlyViaCDNModule } from 'angular-plotly.js';

PlotlyViaCDNModule.setPlotlyVersion('latest');
PlotlyViaCDNModule.setPlotlyBundle('finance');

@NgModule({
  declarations: [
    DcComponent,
    DcChartComponent,
    ...
  ],
  imports: [
    CommonModule,
    DcRoutingModule,
    ...
    PlotlyViaCDNModule,
    ...
  ]
  ...
}
export class DcModule { }

Note that the scenario is that the Plotly Data Card is configured and saved in one module, then dynamically loaded and displayed in another module. The error occurs sometimes when switching contexts (modules). I guess when the second by loading order is first loaded.

Env:

$ npm list angular-plotly.js
...
└── [email protected] 

$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 12.2.12
Node: 14.17.0
Package Manager: npm 7.20.5
OS: linux x64

Angular: 12.2.12
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, language-service, material, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1202.12
@angular-devkit/build-angular   12.2.12
@angular-devkit/core            12.2.12
@angular-devkit/schematics      12.2.12
@angular/flex-layout            12.0.0-beta.35
@schematics/angular             12.2.12
rxjs                            6.6.7
typescript                      4.3.5

Thanks.

Vorherrschende Sprache
TypeScript
Sterne
242
Forks
81
Ø Merge
23 Std. 52 Min.
Gemergte PRs (30 T.)
5

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus plotly/angular-plotly.js

Alle Issues in plotly/angular-plotly.js

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.