소스 오류에는 오류에 대한 코드 레벨 정보가 포함됩니다. 다양한 오류 유형에 대한 자세한 내용은 MDN 문서에서 확인할 수 있습니다.
속성
유형
설명
error.type
문자열
오류 유형(또는 경우에 따라 오류 코드).
수동으로 오류 수집
처리된 예외, 처리된 약속 거부 및 RUM Browser SDK에서 자동으로 추적되지 않는 기타 오류를 addError()API를 통해 모니터링하세요:
addError(error:unknown,context?:Context);
참고: 오류 추적 기능은 소스가 custom 또는 source로 설정되어 있고 스택 트레이스가 포함되어 전송된 오류를 처리합니다. 다른 소스(예: console)로 전송된 오류는 오류 추적에서 처리되지 않습니다.
import{datadogRum}from'@datadog/browser-rum';// 컨텍스트와 함께 커스텀 오류 전송
consterror=newError('Something wrong occurred.');datadogRum.addError(error,{pageStatus:'beta',});// 네트워크 오류 전송
fetch('<SOME_URL>').catch(function(error){datadogRum.addError(error);})// 처리된 예외 오류 전송
try{// 일부 코드 로직
}catch(error){datadogRum.addError(error);}
// 컨텍스트와 함께 커스텀 오류 전송
consterror=newError('Something wrong occurred.');window.DD_RUM.onReady(function(){window.DD_RUM.addError(error,{pageStatus:'beta',});});// 네트워크 오류 전송
fetch('<SOME_URL>').catch(function(error){window.DD_RUM.onReady(function(){window.DD_RUM.addError(error);});})// 처리된 예외 오류 전송
try{//Some code logic
}catch(error){window.DD_RUM.onReady(function(){window.DD_RUM.addError(error);})}
// 컨텍스트와 함께 커스텀 오류 전송
consterror=newError('Something wrong occurred.');window.DD_RUM&&window.DD_RUM.addError(error,{pageStatus:'beta',});// 네트워크 오류 전송
fetch('<SOME_URL>').catch(function(error){window.DD_RUM&&window.DD_RUM.addError(error);})// 처리된 예외 오류 전송
try{// 일부 코드 로직
}catch(error){window.DD_RUM&&window.DD_RUM.addError(error);}
React 오류 경계 계측
RUM Browser SDK addError() API를 사용하여 React 오류 경계를 계측함으로써 React 렌더링 오류를 모니터링할 수 있습니다.
수집된 렌더링 오류에는 컴포넌트 스택이 포함되며, 이 스택은 소스맵 업로드 후 다른 오류 스택 추적과 마찬가지로 축소되지 않습니다.