[error] Failed to parse source map from ... Error: ENOENT: no such file or directory

[ 상황 ]

react 애플리케이션을 start 하거나 build 하면 아래와 같이

Failed to parse source map from ... Error: ENOENT: no such file or directory

extractParamsFromWeigthMap.ts 파일이 존재하지 않아 source map 파싱이 실패한다.

 

[ 원인 ]

실제로 사용하고 있는 face-api.js 모듈은 extractParamsFromWeigthMap.ts 파일을 제공하지 않음을 확인할 수 있다.

 

[ 해결-1 ]

`source-map-loader` rule의 exclude에 해당 경로를 설정한다.

module: {
  ...
  rules: [
    {
      exclude: [
        /\/node_modules\/face-api.*/,
        ...
      ],
      loader: require.resolve('source-map-loader')
      ...
    },
    ...
}

 

[ 해결-2 ]

`source-map-loader` rule의 loader에 filterSourceMapping 옵션을 설정한다.

module: {
  ...
  rules: [
    {
      use: [
        {
          loader: 'source-map-loader',
          options: {
            filterSourceMappingUrl: (url, resourcePath) => {
              if (/.*\/node_modules\/face-api.*/.test(resourcePath)) {
                return false;
              }
              return true;
            },
          },
        },
      ],
      ...
    },
    ...
}