Discussion :

[blamont]

Bonjour,

J'utilisais l'extension geoportal-extensions-leaflet v2.2.7 avec angular 13 et leaflet 1.7.1 avant la bascule vers la géoplateforme.

Suite à l'arrêt des anciens services j'ai donc mis à jour la version de l'extension à la 2.4.0, mais le build étant devenu impossible, j'ai aussi mis à jour Angular à sa dernière version.

Aujourd'hui je n'arrive toujours pas à build l'application à cause d'erreurs remontées depuis de le dossier de l'extension dans node_modules. Voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
X [ERROR] No loader is configured for ".png" files: node_modules/geoportal-extensions-leaflet/src/Leaflet/CSS/Controls/Route/img/GProuteOptions.png

    node_modules/geoportal-extensions-leaflet/src/Leaflet/CSS/Controls/Route/GProuteLeaflet.css:41:24:
      41 │   background-image: url("img/GProuteOptions.png");
         ╵                         ~~~~~~~~~~~~~~~~~~~~~~~~

Y a-t-il des configurations supplémentaires à effectuer sur Angular pour faire fonctionner à nouveau cette extension?

J'ai essayé l'installation sur un projet vierge, mais j'ai toujours le même problème.

Merci d'avance pour votre aide.

[lowzonenose]

Bonjour,
vous utilisez les sources dans le projet Angular, je pense qu'il faut un loader (ex. https://angularindepth.com/posts/1176/this-is-how-angular-cli-webpack-delivers-your-css-styles-to-the-client)

[blamont]

Bonjour,

Effectivement en créant une configuration custom de webpack ça fonctionne, mais je ne trouve pas ça optimal. Je n'avais pas eu besoin de faire ça sur l'ancienne version.

Vous me dites que j'utilise les sources dans le projet Angular, il y a une autre façon de faire ?

[lowzonenose]

Effectivement en créant une configuration custom de webpack ça fonctionne, mais je ne trouve pas ça optimal. Je n'avais pas eu besoin de faire ça sur l'ancienne version.

Angular fonctionne ainsi, il faut lui dire comment charger les sources (js, ts, png, css eof, ...) avec des loaders.

Vous me dites que j'utilise les sources dans le projet Angular, il y a une autre façon de faire ?

Du projet Angular, on peut appeler les sources ou les binaires (bundles).
Avec les binaires, Angular ne devrait pas avoir besoin d'un loader.

[blamont]

Bonjour,

Je n'ai jamais besoin de configurer des loaders avec les extensions que j'installe sur Angular.

Je ne comprends pas pourquoi je n'avais pas besoin de loaders spécifique avec la 2.2.7 et maintenant oui, qu'est ce qui a changé ?

L'extension est installée via npm.

De plus malgré les nombreuses configurations que j'ai du effectuer pour faire fonctionner la nouvelle version, l'affichage des cartes via le service WTMS est très lent, j'ai environ 3-4s de latence pour afficher une carte.

[blamont]

Bonjour,

Je n'ai jamais besoin de configurer des loaders avec les extensions que j'installe sur Angular.

Je ne comprends pas pourquoi je n'avais pas besoin de loaders spécifique avec la 2.2.7 et maintenant oui, qu'est ce qui a changé ?

J'ai finalement réussi à me passer des loaders en modifiants mes imports :

Import historique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

import { LExtended as L, Services } from 'geoportal-extensions-leaflet';

Nouvel import :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

import { LExtended as L, Services } from 'geoportal-extensions-leaflet/dist/GpPluginLeaflet';

Par contre j'ai toujours ces problèmes de latences.