[webpack] DevTools failed to load source map: Could not load content for webpack://understanding-typescript/node_modules/class-transformer/esm5/decorators/transform-instance-to-instance.decorator.js.map: Fetch through target failed: Unsupported URL scheme

 

웹팩을 실행했더니 위와같은 경고가 주루룩 떴다.

 

찾아보니 웹팩 설정에 devtool속성을 추가하라는 것이 있어서

  // webpack.config.js
  
  devtool: 'eval-cheap-source-map',

아래의 eval-cheap-source-map을 추가했다.

 

이걸 설정해두지 않으면 소스맵 생성을 최대한 꼼꼼하게 하는 것 같다.

 

그래서 eval-cheap-source-map으로 간소화 시키는 세팅을 해준것 같은데 문서를 읽어봐도 아직 소스맵을 제대로 이해하지 못해서 정확하게는 모르겠다. 조금씩 알아가야지.

 

무튼 저거를 설정에 넣어주고 다시 웹팩 실행했더니

 

 

 

깔끔해진 콘솔을 만날 수 있다.

 

 

 

참고

-https://stackoverflow.com/questions/61767538/devtools-failed-to-load-sourcemap-for-webpack-node-modules-js-map-http-e

-https://webpack.js.org/configuration/devtool/