Ho un problema in cui le mappe di origine generate da Webpack utilizzando l' inline-source-map
impostazione di configurazione sono disattivate di una riga quando utilizzo il debugger di Chrome devtools. Webpack è impostato all'interno di un'applicazione Ruby on Rails per generare un file JavaScript concatenato e non minimizzato composto da un paio di dozzine di moduli. La maggior parte di questi moduli sono componenti ReactJS e vengono analizzati dal jsx
caricatore. L'output di Webpack viene quindi incluso nel application.js
file insieme ad altre librerie JavaScript generate da gems.
Quando lo uso eval-source-map
, non ci sono problemi. Qualcosa sull'uso di inline-source-map
fa sì che i numeri di riga vengano eliminati di uno.
L'ispezione di JavaScript che non è un componente React presenta ancora questo problema, quindi non penso sia correlato all'uso di jsx.
column
l'arg nel seguente codice viene passato in 1 troppo alta: window.onerror = function(message, url, line, column){}
. Diminuirlo lo ha risolto. Nota: è specifico di Chrome, non conosco altri browser.
0
e l'altra la consideri linea1
. Potrebbe essere necessario scegliere una definizione e regolare il valore per tutto ciò che funziona nell'altro modo.