React JS錯誤的錯誤行報告

我一直在使用React js的錯誤報告有許多問題。所以實際的錯誤將是正確的，但報告的行不會。我猜這是因爲JSX被轉換成正規的Javascript，因此要麼創建更多或更少的代碼行。這使得實際追蹤並修復這些錯誤變得相當困難，當控制檯告訴我它發生在第x行，第x行是一個換行符或其他顯然沒有連接到錯誤的隨機代碼時。有其他人解決了這個問題嗎？React JS錯誤的錯誤行報告

我使用谷歌瀏覽器，我也安裝了反應開發工具。

來源

2016-07-12 Mr. Foots

你有沒有嘗試使用源地圖？ http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Use_a_source_map –

我有問題調試jsx與使用源地圖進行反應。我的行號是正確的，但斷點有時會跳幾行。 –

@MichaelCamden源地圖看起來像他們很好地解決了我的問題。然而，我也偶然發現了另一個對我來說完全夠用的解決方案。在chrome中（如果你點擊在控制檯中彈出的文件和行號，chrome會自動打開調試器中的文件並跳轉到該文件）。所以在那個時候，我知道確切的實際錯誤在哪裏，然後在源代碼中進行更改。但是源地圖可以說比我的解決方案更好，所以如果你想寫一個答案，我會把它標記爲解決其他開發者。 –

通過評論我們的對話，解決方案是使用源地圖。

來源

2016-07-15 12:41:36

React JS錯誤的錯誤行報告

回答

相關問題