vscode を使用して vuejs をデバッグしようとしています。多くのチュートリアル/回答を試しましたが、動作させることができません。

そこで、ここで質問することにしました。もしかしたら、今それを機能させるための正しい方法があるかもしれません。

デバッグしたいプロジェクトと同じプロジェクトを作成したので、ここに印刷物を投稿できます。

プロジェクトの構造は次のとおりです:

これはバインドされていないブレークポイントです:

Chrome の [ソース] タブは次のようになります:

Chrome ソース タブの詳細:

vue.config.js：

launch.json：

タスク.json：

パッケージ.json：

更新

@A.D から、キーワードを使ってみるかどうか尋ねられました

結果は次のとおりです。 追伸: コード内にデバッガーを書き始めたくないのですが...

しかし、デバッガー ファイルが次を指していることがわかります:

しかし、コンポーネント src は実際には

ブレークポイントに境界がないのはなぜですか?