11 votes

Puis-je activer les sourcemaps dans une extension Chrome ?

Je suis en train de réaliser des tests de développement et de créer une extension Chrome en utilisant Svelte et ParcelJS et j'aimerais voir les sourcemaps dans les outils de développement de Chrome. Cependant, en regardant n'importe quelle page, je ne peux voir que le code regroupé et vois cette erreur :

DevTools n'a pas réussi à charger le SourceMap : Impossible de charger le contenu pour chrome-extension://debafkiakedogoflaalmbbfbbccnfbib/Background/index.js.map : Erreur HTTP : code de statut 404, net::ERR_UNKNOWN_URL_SCHEME

Il semble que le chargeur n'aime pas le schéma d'URL chrome-extension. J'ai essayé d'ajouter 'dist' en tant que répertoire de remplacement, mais quel que soit le chargement des sourcemaps semble l'ignorer et utilise toujours le schéma 'chrome-extension`.

Je parviens à le faire fonctionner en changeant manuellement l'URL vers un autre schéma, soit une URL file:/// ou en exécutant un serveur http simple dans le répertoire dist et en utilisant une URL http:// :

//# sourceMappingURL=file:///c:/git/svelte-extension/dist//Background/index.js.map`
//# sourceMappingURL=http://localhost:8080/Background/index.js.map`

Y a-t-il un moyen de soit forcer Chrome à remplacer le répertoire, soit dire à Parcel de créer ces URL ?

11voto

Jack Steam Points 741

Essayez d'utiliser des inline sourcemaps pendant le développement. Chrome ne chargera pas les fichiers de sourcemap d'extension Chrome, mais les sourcemaps inline fonctionnent.

Contexte

Chrome n'a jamais réussi à charger silencieusement les fichiers sourcemap à partir de l'URL chrome-extension://. Chrome v80 a commencé à signaler l'erreur DevTools failed to load SourceMap.

Cela pourrait bientôt changer, car il y a un correctif en cours. Certaines préoccupations en matière de sécurité retardent cela, alors croisez les doigts.

Voici deux bugs Chrome pertinents traitant de cela :

  1. https://bugs.chromium.org/p/chromium/issues/detail?id=1052872#c14
  2. https://bugs.chromium.org/p/chromium/issues/detail?id=1053535

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X