[React]Toast UI source map 에러

❓ [에러 내용]

Failed to parse source map from '/Users/hyeong-il/Desktop/seb44_pre_006/node_modules/@toast-ui/editor/dist/purify.js.map' file: Error: ENOENT: no such file or directory, open '/Users/hyeong-il/Desktop/seb44_pre_006/node_modules/@toast-ui/editor/dist/purify.js.map'

 

실행에는 문제가 없지만 이와 같은 에러가 떠서 마음이 불편하다. 

 

🔑 [에러 해결]

"scripts": {
    "start": "GENERATE_SOURCEMAP=false react-scripts start",
    }

package.json 파일에서 start 부분의 내용을 위와 같이 바꿔주면 된다. 

 

자세한 내용은 공식 github에 들어가서 볼 수 있습니다. 
https://github.com/nhn/tui.editor/issues/2137

 

🔒 [에러 원인] 

 

라이브러리 내부적인 사정이라, 자세한 상황파악은 어렵지만 에러코드에서 보여주는 것 처럼

소스맵(Source Map)과 관련된 이슈로 보인다.

 

소스맵은 무엇인가?

 

리액트는 웹팩을 통해 파일들을 압축하여 배포함으로써 성능을 최적화 한다.

이 때, 내부적으로 소스맵(Source Map)이란걸 만들어, 압축한 파일과 실제 원본 파일을 매핑하여 디버깅이 가능하도록 한다.

 

나도 자세히는 잘 모르지만 위와 같은 코드를 입력하니 해결은 되었다 .....