Sourcemaps désactivé par une ligne dans Chrome, avec Ruby on Rails, Webpack et React JS

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' ... }