plotly / plotly/angular-plotly.js
TypeError: PlotlyService.plotly.purge is not a function
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 242
- Forks
- 81
- Ø Merge
- 8 Std. 48 Min.
- Gemergte PRs (30 T.)
- 18
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
...
└── angular-plotly.js@4.0.4
$ 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.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
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.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 35/100