"dotnet new angular"로 작성된 응용 프로그램의 VSCode에서 typescript를 디버그 할 수 없음

Question

"dotnet new angular"를 사용하여 프로젝트를 만들면 Visual Studio 2017에서 C# 및 Typescript 코드를 모두 디버깅 할 수 있습니다.하지만 Visual Studio 코드 , 나는 C# 만 디버깅 할 수 있습니다. 어떤 Typescript 명령어에 중단 점을 배치하려고하면 "이 문서에 심볼이로드되지 않았습니다."라고 표시됩니다. 이후 VS 2017에서 잘 작동, 그것은 나에게 보인다 Typescript 구성을 확인해야합니다.

VSCode에서 프로젝트를 열면 "빌드 및 디버깅에 필요한 자산이 프로젝트에서 누락되었습니다. 추가 하시겠습니까?" "예"라고 답한 다음 launch.json 및 tasks.json이 들어있는 ".vscode"폴더를 추가합니다. 아마도 디버거에 올바른 시작 구성을 추가하지 않는 것입니까? launch.json의 유일한 구성은 ".NET Core Launch (web)"및 ".NET Core Attach"입니다.

크롬 3.5.0 확장 프로그램 용 디버거가 설치되어 있습니다.

{ 
    "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}/bin/Debug/netcoreapp2.0/spa.dll", 
      "args": [], 
      "cwd": "${workspaceFolder}", 
      "stopAtEntry": false, 
      "internalConsoleOptions": "openOnSessionStart", 
      "launchBrowser": { 
       "enabled": true, 
       "args": "${auto-detect-url}", 
       "windows": { 
        "command": "cmd.exe", 
        "args": "/C start ${auto-detect-url}" 
       }, 
       "osx": { 
        "command": "open" 
       }, 
       "linux": { 
        "command": "xdg-open" 
       } 
      }, 
      "env": { 
       "ASPNETCORE_ENVIRONMENT": "Development" 
      }, 
      "sourceFileMap": { 
       "/Views": "${workspaceFolder}/Views" 
      } 
     }, 
     { 
      "name": ".NET Core Attach", 
      "type": "coreclr", 
      "request": "attach", 
      "processId": "${command:pickProcess}" 
     } 
    ] 
} 

Answer 1

그것은 VSCode에 의해 생성되는 launch.json 파일에 문제가 있었다 :

이

가 생성되는 launch.json입니다. Chrome 디버거 용 구성을 추가해야했습니다. 같은 세션에서 C#과 Typescript를 모두 디버깅하려면 "복합"구성을 추가해야했습니다. 다음은 필요한 추가 구성입니다. C#과 Typescript를 모두 디버깅하려면 "전체 스택"구성을 선택하십시오.

Github의 Microsoft/vscode-recipes 저장소에서 auchenberg의 도움을 받아서 해결책을 찾았습니다. 이 새로운 레시피를 추가 할 요청을 생성했습니다. (참조 : https://github.com/Microsoft/vscode-recipes/tree/master/Angular-SpaTemplates를)

필요한 추가 구성은 다음과 같습니다

{ 
     "name": ".NET Core Launch (full)", 
     "type": "coreclr", 
     "request": "launch", 
     "preLaunchTask": "build", 
     // If you have changed target frameworks, make sure to update the program path. 
     "program": "${workspaceFolder}/bin/Debug/netcoreapp2.0/spa.dll", 
     "args": [], 
     "cwd": "${workspaceFolder}", 
     "stopAtEntry": false, 
     "internalConsoleOptions": "openOnSessionStart", 
     "launchBrowser": { 
      "enabled": false 
     }, 
     "env": { 
      "ASPNETCORE_ENVIRONMENT": "Development" 
     }, 
     "sourceFileMap": { 
      "/Views": "${workspaceFolder}/Views" 
     } 
    }, 
    { 
     "type": "chrome", 
     "request": "launch", 
     "name": "Chrome", 
     "url": "http://localhost:5000", 
     "webRoot": "${workspaceRoot}/wwwroot" 
    } 
], 
"compounds": [ 
    { 
     "name": "Full stack", 
     "configurations": [".NET Core Launch (full)", "Chrome"] 
    } 
]