你到底該如何在React.js中調試JSX？

試圖現在學習React.js，但是我在語法錯誤方面遇到了很多麻煩。在編寫react.js代碼時，如何調試JSX並不清楚。在我的控制檯上，典型的JSX語法錯誤將如下所示：你到底該如何在React.js中調試JSX？

「行15」似乎不符合任何實際的代碼。在我的IDE中，這是一個空行，位於我的<script>標記之前。展開錯誤僅顯示幾十個對JSXTransformer.js的引用。

當我谷歌這個問題，大家都說簡單的安裝調試器做出反應，我做到了，但它是無用的，當談到JSX語法，並不會真正開始：使用

也有人建議debugger;在我的腳本中調用Chrome調試器，這很明智，但JSX錯誤無論如何都會暫停腳本，無論我在哪裏撥打電話。

2015-10-06 user1502186

在沒有看到代碼，我會說這是一個包含腳本標籤的可能行15它試圖解析JSX（例如，轉換器將腳本標記的內容作爲文本獲取，然後編譯它）。使用不僅可以在瀏覽器中工作的完整工具鏈（例如Babel + webpack）（https://github.com/BinaryMuse/react-babel-boilerplate）可以幫助解決這個問題。 –

編譯您的JSX（而不是您正在使用的瀏覽器內變換）並打開源代碼映射。如果您使用browserify/babelify，則需要設置「debug：true」。 – akarve

陣營有顯著麻煩識別進攻線，這很可能是一個之前，你的情況行14

來源

2015-10-23 12:15:32

你到底該如何在React.js中調試JSX？

回答

相關問題