React / Angular等のSPAをIntelliJでデバッグさせる

「React / Angular等のSPAをIntelliJでデバッグさせる」のアイキャッチ画像

手順

  • terminalでyarn start | npm start等の起動コマンド実行
  • IntelliJでこちらの設定を追加

設定は画面上部のEdit configuration から選択することができ、npmではなくJavascript debug を選択することが重要です!!!!

設定が終わって、任意の箇所にbreak point入れておくと自動的にデバッグが発火します

参考記事

IntelliJ IDEA で Angular や React のデバッグをする