我對除錯 JavaScript 非常陌生，更不用說 Typescript，更不用說使用tsx檔案的 Stencil 專案了（我認為這是某種型別的回應式 Typescript 檔案）。
我希望通過debugger在代碼中添加一條陳述句，在 Chrome 中使用重繪 ，除錯工具會出現。但什么也沒有發生。如果我console.log在同一個地方添加 a ，它的行為與預期一樣。但是debugger宣告沒有任何反應。
該怎么辦？我不想console.log到處除錯。??
順便說一句，我正在使用 VSCode。不知道這是否相關。我在https://github.com/microsoft/vscode-js-debug中讀到 JavaScript 除錯應該內置到 VSCode 中。我不在乎我是在 VSCode 中還是在 Chrome 中進行除錯——只要我能夠以某種方式進行除錯。
這是存盤庫，如果有人想嘗試一下或檢查組態檔：https ://github.com/NothingAG/adg-components
非常感謝。
uj5u.com熱心網友回復：
顯然，構建工具 (nx) 運行生產構建，這就是debugger自動過濾掉陳述句的原因。
要修復它，您可以明確指示 Stencil 運行開發構建：
npm start -- --dev
uj5u.com熱心網友回復：
debugger您可以隨時在 Chrome 開發人員工具中添加斷點，而不是在代碼中添加陳述句。
- 在瀏覽器中加載您的應用
- 在 Chrome 中打開開發者工具（例如右鍵單擊頁面并選擇“檢查”）
- 在開發人員工具中選擇選項卡“來源”
- 通過按命令-P 打開要除錯的檔案。將出現一個輸入欄位，您可以在其中輸入要除錯的檔案的名稱
- 通過單擊裝訂線中的行號添加斷點
下次您的應用程式遇到斷點時，除錯器就會出現。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/467553.html
標籤：javascript 调试 vscode 调试器 模板 tsx
下一篇：無法在MicrosoftVisualStudioIDE版本17.2.0預覽版5.0上運行Blazor服務器應用程式