この記事は公開から3年以上経過しています。
過去のエントリ「VSCodeでTypeScriptのブレークポイントが効かないときの対応」でTypeScriptのブレークポイントにヒットしないときにtsconfigのsourceMapを設定する方法を紹介しましたが、他にもブレークポイントがヒットしないケースに遭遇して少しハマったため、その備忘録。
問題
VSCode拡張開発でTypeScriptにブレークポイントを設定してデバッグを開始するとブレークポイントが黒抜きの○(Unbound Breakpoint)になりブレークポイントにヒットしない。
原因
開発しているVSCode拡張のワークスペースディレクトリパス中に丸括弧()が含まれている。
※他にもパスに利用すると問題が発生する記号が存在するかもしれません。
対応
/path/to/XXXExtension(2)のように丸括弧を含むパスを/path/to/XXXExtension_2のような丸括弧を含まないパスに変更する。
ブレークポイントにヒットしないのが上述の原因の場合は、本対応後にMapファイルを更新(TypeScriptをリビルド)することで、ブレークポイントにヒットするようになります。
以上です。