2016-12-19 1 views
1

Chrome Dev Tools를 사용하여 Angular2 앱을 즐겁게 디버깅 한 후 여러 팀원이 피해를 입었습니다 (각각 며칠 남음). 불쾌한 버그 일 수 있습니다.
명백한 이유가 없기 때문에 정확히 매핑 된 것으로 나타내지 만 Sources 패널에 Typescript 소스가 더 이상 표시되지 않습니다.Chrome Dev 도구의 소스 패널

Windows 10에서 Chrome 55.0.2883.87을 사용하고 있습니다. Chrome 베타 56.0.2924.28을 설치하려고했지만, 최근에 수정되었지만 운이 없었던 버그였습니다.

my sad-looking Sources panel

나는 제거/재 구축 매핑하고, 때마다, 그것을 만족하실 것 같습니다하지만 여전히 디버깅 빈 패널을 표시했습니다. Successful mapping

은 여기에서 볼 수 있듯이, 폴더 구조가 매핑 설정 directory structure

그리고 여기에 폴더이 내 매핑 파일의 첫 번째 줄에있는 JS 및지도 파일 enter image description here 를 포함 제공되는 일치하지 않습니다 : {"version":3,"file":"myp.component.js","sourceRoot":"","sources":["../../../../App/projections/myp/myp.component.ts"]

페이지가로드하지만 빨리 도망 간다되는 동안 패널 내 소스 을 보여 않는, 신비에 추가합니다.

enter image description here

나는 우리 모두가 성공적으로 지난 주까지 제로 문제 (이 특정 응용 프로그램에 개월) 년 동안 개발 도구를 사용하고 주장해야합니다.

+1

그것은 아직보고 및 수정되지 않은 버그 일 수 있습니다. Chrome의 이전 버전을 사용해보세요 (예 : [휴대용] (https://sourceforge.net/projects/portableapps/files/Google%20Chrome%20Portable/)). – wOxxOm

답변

2

우리도 같은 문제가 있습니다. Chrome의 Canary 빌드를 다운로드하기로 결정했는데 모든 것이 정상적으로 작동합니다. Canary는 야간에 불안정한 빌드이므로 이미이 버그를 알고 있어야하며 수정해야합니다. 수 있습니다 downloaded here

관련 문제