비주얼 스튜디오에서 ionic 2의 타이프 스크립트 소스 파일 디버그 2015

Question

다음 모바일 프로젝트 (반응식 또는 이온 2)에 적합한 크로스 플랫폼 개발 도구를 선택하는 중입니다. 필자는 독창적 인 타이프 스크립트 (formcript)를 사용하기 때문에 이온 성을 좋아한다. 기본 자습서를 따르는 간단한 프로젝트를 설정했으며 Ripple 에뮬레이터를 통해 응용 프로그램을 시작할 수 있습니다.

이제 타이프 스크립트 파일에 중단 점을 적용 할 수 있습니까?

지금까지 나는 실패했습니다. 컴파일 후 생성 된 .www/build/js 폴더에 app.bundle.js (및 해당 소스 맵)가 생성됩니다. 나는 나의 tsconfig.json이 라인을 추가 :

"sourceMap": true 

내가 예를 들어, 그것은 충돌하지 않는 app.ts에 중단 점을 배치합니다.

디버깅은 어떻게 수행됩니까? Chrome 브라우저 개발자 도구를 통해 또는 직접 Visual Studio에서? 내가 찾은 대부분의 솔루션은 Visual Studio Code에 적용됩니다. 나는 어떤 도움, 제안 및 방향

Answer 1

타이프 (.TS) 파일을 디버깅 할 수 .js 파일을 컴파일 얻을 것이다 사전에 비주얼 스튜디오 2015 엔터프라이즈 버전을

감사를 사용하고 있습니다.

Visual Studio 업데이트 3이 설치되어 있습니까? 그렇지 않은 경우 Typescript 지원을 위해 다운로드해야합니다. 비주얼 스튜디오에 대한

타이프 : https://www.microsoft.com/en-us/download/details.aspx?id=48593

Answer 2

당신은 안드로이드 장치에 크롬 원격 디버깅을 사용하여 .TS 파일 및 디버그에 중단 점을 설정할 수 있습니다. 실제 Android 기기에서 빌드하고 배포하려면 ionic run android을 실행하고 Chrome을 연 다음 chrome : // inspect를 사용하여 소스를보고 중단 점을 설정합니다. 원본지도 인라인을 추가 구성해야 할 수 있습니다

주 - 당신의 답변을 Ionic 2: Application running on the android device can't be debugged