[React] react-dropzone 으로 드래그앤 드롭시 Aw snap 에러 발생 !

 

 

 

최근 만든 프로젝트에서 파일 드래그앤드롭 기능이 있었음. 

리액트의 dropzone이라는 라이브러리를 사용한 기능이었는데, 
개발환경에서는 아무 문제가 없었는데 프로덕션으로 배포했을때 문제가 발생했다.

근데 테스트 서버를 2개 배포했을때 한쪽에는 문제가 없었는데 한쪽 서버에만 계속 문제가 발생했음. 

드래그앤 드랍 마우스 버튼을 떼는 순간 

 

Aw, snap Error! 가 발생했고 
에러코드는 
Error code: RESULT_CODE_KILLED_BAD_MESSAGE
였음.

크롬이 바로 crash되면서 어떠한 콘솔도 확인할 수가 없었다 ㅠㅠ 

 

구글링해서 찾은 해결책으로는..

1. 크롬 업데이트를 해라 -> 해봤음. 안됨
2. 크롬 캐시를 삭제해라 -> 해봤음. 안됨
3. 파이어폭스를 써라 -> 해봄. 잘 됨. 근데 클라이언트에게 파이어폭스 쓰라고 할 순 없음. 

여튼 계속 크롬의 버그라 생각했음. 

왜냐면 크롬이 바로 crash 되기때문에 애플리케이션의 문제가 아니라고 생각함

그렇게 크롬네이놈 ㅡㅡ 하며 테스트 하던중이었는데..

 

전체 웹사이트 페이지가 있다면 
저 사진의 드롭존에 파일을 내려놓을때만 크롬이 튕겨버리고
드롭존을 제외한 나머지 영역에는 파일을 내려놓아도 D&D 기능을 하지는 않지만 크롬이 튕기지 않음을 보고 라이브러리 문제라고 생각이 들었음
그래서 라이브러리 코드를 뜯어봤다..
(왜 issue 탭을 바로 안봤는지 아직도 의문 ㅎ )

그렇게 하루종일 고생하다가 issue탭을 눌렀는데 이미 리포트된 이슈들이 있었음..^^..

https://github.com/react-dropzone/react-dropzone/issues

최신버전에서 나는 버그라고 했고 
버전 다운그레이드를 하라고 해서 했더니 에러가 해결이 되었다..... 

그래서 오늘의 느낀점은 
issue탭을 잘보자 ^^