[Next.js] Sentry 에러 net::ERR_BLOCKED_BY_CLIENT

Next.js 프로젝트에서 발생한 에러를 추적하기 위해 Sentry 를 도입했다.

local 환경에서 동작 확인을 위해 npm run dev를 실행하여 localhost:3000으로 접속해보았다.

(브라우저는 Chrome을 사용했다)

그런데 브라우저 콘솔 창에 아래와 같은 오류가 나타났다.

필자의 환경 기준에서 이 오류가 발생하는 원인은 브라우저의 광고 차단 확장프로그램 때문이었다.

 

모든 사람들은 유튜브나 기타 웹사이트에서 광고가 나타나는 것을 싫어한다.

때문에 브라우저에서 광고를 차단 시켜주는 플러그인을 사용하는 사람들이 많아졌다.

하지만 이 기능이 Sentry에서 오류를 추적하는 것까지 차단을 시켜버린다.

정상적으로 오류를 추적하고 싶다면 해당 페이지에서 만큼은 광고 차단 플러그인을 중단시켜야 한다.

전원 버튼 모양의 아이콘을 누르면 광고 차단 플러그인이 꺼진다