J’ai un problème où les sourcemaps générés par Webpack en utilisant le paramètre de configuration inline-source-map
sont désactivés d’une ligne lorsque j’utilise le débogueur Chrome devtools. Webpack est installé dans une application Ruby on Rails pour générer un fichier JavaScript non concaténé et concaténé composé de quelques dizaines de modules. La plupart de ces modules sont des composants ReactJS et sont analysés par le chargeur jsx
. La sortie de Webpack est ensuite incluse dans le fichier application.js
avec d’autres bibliothèques JavaScript générées par gems.
Lorsque j’utilise eval-source-map
, il n’y a pas de problème. Quelque chose à propos de l’utilisation de inline-source-map
provoque le rejet des numéros de ligne.
L’inspection de JavaScript qui n’est pas un composant React a toujours ce problème, donc je ne pense pas que cela soit lié à l’utilisation de jsx.
Il y avait un bogue dans chrome, essayez la dernière version, aussi sur votre configuration webpack, essayez d’utiliser différents sourcemaps sur devtool, essayez tous ceux-ci pour voir si on fonctionne pour la carte source en ligne:
inline-source-map
cheap-inline-source-map
pour d’autres configurations différentes:
cheap-source-map
cheap-module-source-map
cheap-module-eval-source-map
sur la config webpack:
{ ... devtool:'source-map' ... }