[ Error ] DevTools failed to load source map

🥊 DevTools failed to load source map

😥 갑자기 콘솔창에 이런문구들이 떠서 뭐지.. 하고있었는데 기능적으로는 상관이없었다.

       ( 그래도 신경이쓰이는 지우는방법을 찾아보았다.. )

 

🚩 1) 브라우저에 표시하지 않기

- 크롬 브라우저 개발자 도구 설정에서 ↓ 옵션 체크를 해제하면 된다

🚩 2) SourceMappingURL제거

📢 Source Map은 원본 소스와 변환돈소스를 맵핑해 주는 기능이고 JavaScript나 CSS의 개발 방법이 복잡해지면서

       디버깅을 위해 만들어진 방법

 

📢 변환된 소스에 sourceMappingURL=원본소스.map 원본 소스 경로를 지정해주면 된다

       - 💍 SCSS 파일을 CSS로 변환 💍 Webpack 패키징 💍 Minify 압축

 

🚩 3) 원본 경로 지정

📢 sourceMappingURL로 지정된 경로에 원본소스.map 파일을 업데이트 하면 디버깅 용도로도 활용가능