npmビルド後のVueインスタンスメソッド内のブレークポイント

Question

Vue.jsを初めて使用しています。私はそれを愛しています。以前はJQueryを使用していましたが、手動ですべてを行う必要があったのは非常に非効率的でした。しかし、私はChromeデバッガで書いたコードを持っているので、ブレークポイントを追加してアプリケーションのどこに何が起こっているのかを確認することができました。

私はVue.jsに移動しました。vue-cliとnpmを使用して、dist/build.jsの下に実際のアプリケーションコードを生成するVueアプリケーションを作成してビルドしています。 1つのVueコンポーネント内にエラーを表示しないメソッドがありますが、期待どおりに動作していません。

メソッド内にブレークポイントを追加して、受信しているかどうか、それをどのように処理しているのかを確認し、段階的に実行できますか？

私が見たことから、Vueコンポーネントで書いたソースコードは、build.jsのeval関数内のloooong文字列の中にあります。

Answer 1

jsアプリケーションをデバッグするには、debuggerステートメントを追加し、適用されているコードにブレークポイントを追加します。

デバッガーステートメントは、ブレークポイントの設定など、使用可能なデバッグ機能を呼び出します。デバッグ機能が利用できない場合、このステートメントは効果がありません。

Source

それはECMAScript 5.1