plotly / plotly/angular-plotly.js

TypeError: PlotlyService.plotly.purge is not a function

Abierto
#180 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
TypeScript
Estrellas
242
Forks
81
Merge medio
8 h 48 min
PR fusionados (30 d)
18

Descripción

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.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza reproduciendo el escenario de cambio dinámico de módulos y, después, sigue PlotlyComponent.ngOnDestroy y PlotlyService.plotly.purge en angular-plotly.js. Compara cómo se configura y carga PlotlyViaCDNModule en los dos módulos; se considera terminado cuando cambiar de contexto ya no provoca un purge TypeError.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.