My Angularアプリケーションはデバッグ時にブレークポイントに影響を与えませんか?
C#Web APIバックエンドを持つVisual Studio CodeおよびAngularアプリケーションに新たなもの。問題ないC#でブレークポイントを打つことはありません.VSコードのAngularアプリでそれを叩いていません!
_dotnet run
_と_ng serve
_ [~#〜]にヒットしたときに、ターミナルからブラウザの両方のアプリを実行できます。 Debugボタンをデバッグするには、Angularブレークポイントが赤から中空グレーに行きます!
免責事項 - 私は私の名前を反映するようにアプリに私の名前を反映するようにアプリを反映させたかったので、私は私がファイル名のロットを変更し、.csprojファイルの名前を変更したと言及しなければなりません。私がこれを行う前に、私はブレークポイントを設定してAngularアプリでそれらを打つことができました。
これが私が試したものです。
- vSコードを再起動しました
- nG Start、NGサービス
- 2つのプロジェクトフォルダ(NG、.NET)を含む新しいフォルダレベルで、新しいLaunch.JSONファイル(VSコードによって自動生成された)を生成しました。
- ワークスペースファイルを削除しました(新しいものを生成できないようです。
ファイル内:
error.Interceptor.ts
私は言うことによってこの例外処理をテストしようとしています。
_throw new Exception("Some login error");
_
私のログインメソッドで。
下記のブレークポイントを設定できますが、灰色の円になり、デバッグをクリックしたときにヒットされません。
ここで私はブレークポイントを設定した場所です
ここで私がデバッガを実行するときに見えるものは、赤い丸が灰色と中空になります。デバッグ時にこのエラーインターセプターを踏み込もうとしたいのですが、これは可能ですか?
そして私のangularアプリからの私のログイン方法で、私のブレークポイントは灰色になります
これが私のlaunch.jsonファイルです
_{
// Use IntelliSense to find out which attributes exist for C# debugging
// Use hover for the description of the existing attributes
// For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
"version": "0.2.0",
"configurations": [
{
"name": ".NET Core Launch (web)",
"type": "coreclr",
"request": "launch",
"preLaunchTask": "build",
// If you have changed target frameworks, make sure to update the program path.
"program": "${workspaceFolder}/Yogabandy.API/bin/Debug/netcoreapp2.2/Yogabandy.API.dll",
"args": [],
"cwd": "${workspaceFolder}/Yogabandy.API",
"stopAtEntry": false,
"launchBrowser": {
"enabled": true
},
"env": {
"ASPNETCORE_ENVIRONMENT": "Development"
},
"sourceFileMap": {
"/Views": "${workspaceFolder}/Views"
}
},
{
"name": ".NET Core Attach",
"type": "coreclr",
"request": "attach",
"processId": "${command:pickProcess}"
}
]
}
_
また、デバッグコンソールを実行すると、これらの行が多く見ています。これが正常かどうかわからない?
ロードされた '/usr/local/share/dotnet/shared/microsoft.netcore.app/2.2.4/system.threading.dll'。モジュールはシンボルなしで構築されました。ロードされた '/usr/local/share/dotnet/shared/microsoft.netcore.app/2.2.4/system.io.filesystem.watcher.dll'。記号をスキップした。モジュールが最適化され、デバッガオプション 'My Code'が有効になります。
クイック修正を探している人は誰でも試してみてください:
launch.json設定のポート番号が "ng serve"コマンドの後に取得するものと同じであることを確認してください。通常は「4200」です。
「NG Serve」が完了したらangularサーバがリスニングを開始しました「デバッグの開始」をクリックしてください。
その後、デバッガは4200のchromeインスタンスをLauchすると、ブレークポイントがバインドされることがわかります。
ブラウザでリンク(http:// localhost:4200 /)を入力して手動で起動しないでください。