Source Map v3 탐색기 | 번들 오류 위치·원본 코드

소스맵과 생성 코드

Source Map v3 JSON

.map 파일 불러오기

생성 코드 (범위 끝 검증용)

생성 코드 파일 불러오기

행은 1부터, 열은 UTF-16 코드 단위로 0부터 셉니다. 끝 위치는 제외합니다. 생성 코드가 없으면 마지막 세그먼트의 실제 끝은 알 수 없습니다.

생성 코드 오류 범위 [시작, 끝)시작 행시작 열끝 행끝 열

소스맵 탐색기

번들 파일의 오류 위치를 Source Map v3의 VLQ 세그먼트에 대조합니다. 선택한 생성 코드 범위를 원본 파일·행·열과 매핑되지 않은 구간으로 나눠 보고, 맵에 포함된 원본 내용을 확인할 수 있습니다.

원본 파일 URL을 자동으로 가져오나요?

아니요. 맵과 선택한 생성 코드는 브라우저에서만 처리합니다. sourceRoot와 sources는 표기만 하며 네트워크에서 원본을 가져오지 않습니다.

생성 코드를 입력하지 않아도 되나요?

한 행의 범위 조회는 가능합니다. 마지막 세그먼트 끝은 알 수 없으므로 열린 구간으로 표시하며, 여러 행의 오류 범위는 생성 코드가 필요합니다.

원본의 정확한 토큰 길이를 알려주나요?

아니요. 각 구간은 다음 매핑 지점까지의 맵 할당입니다. 실제 토큰 경계나 런타임 오류의 원인까지 증명하지 않습니다.

인덱스 맵 sections도 지원하나요?

현재는 일반 Source Map v3만 지원합니다. sections를 사용하는 인덱스 맵은 명확히 거부합니다.

행과 열은 어떻게 셈하나요?

생성·원본 행은 화면에서 1부터, 열은 표준과 같이 0부터 셉니다. JavaScript·CSS 열은 UTF-16 코드 단위입니다.

맵, 생성 코드, 포함된 원본 텍스트는 브라우저 메모리에만 머뭅니다. 보고서에는 생성 코드와 sourcesContent를 넣지 않지만 파일 이름·위치 정보는 포함됩니다.