javascript - update - Sourcemaps en una línea en Chrome, con Ruby on Rails, Webpack y React JS

webpacker update

Question

Tengo un problema en el que los mapas de origen generados por Webpack usando la configuración de la configuración inline-source-map están desactivados en una línea cuando uso el depurador devtools de Chrome. Webpack está configurado dentro de una aplicación Ruby on Rails para generar un archivo concatenado, no modificado y compuesto de un par de docenas de módulos. La mayoría de esos módulos son componentes de ReactJS, y son analizados por el cargador jsx . El resultado de Webpack se incluye en el archivo application.js junto con algunas otras bibliotecas de JavaScript generadas por gems.

Cuando uso eval-source-map , no hay problema. Algo sobre el uso de inline-source-map hace que los números de línea se descarten en uno.

La inspección de JavaScript que no es un componente Reaccionar todavía tiene este problema, por lo que no creo que esté relacionado con el uso de jsx.

Answer 1

Había un error en Chrome, prueba la última versión, también en la configuración de tu paquete web prueba usando diferentes mapas de origen en devtool prueba todos estos para ver si uno funciona para el mapa fuente en línea:

• inline-source-map

• cheap-inline-source-map

para otras configuraciones diferentes:

• mapa de origen barato

• cheap-module-source-map

• cheap-module-eval-source-map

en la configuración de paquete web:

{
...
devtool:''source-map''
...
}