[React] neo-async callback was already called

배경

- 잘 돌아가던 것이 안된다.

- 실행은 되지만 파일을 수정하는 동시에 neo-async callback was already called 에러 발생

 

내용

- 찾아보니 craco.config.js 에서 빌드 속도 측정을 위해 추가한 SpeedMeasurePlugin 에서 문제가 발생하고 있었다.

- 처음에는 해당 플러그인을 삭제할까 생각했지만 다른 작업 브랜치에서는 해당 플러그인이 삭제되어 있는 상태여서 내 작업 브랜치에서만 수정하기로 했다.

 

해결방법

- smp.wrap 위치를 변경하면 된다.

- 귿 👍🏻

// craco.config.js
const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
const smp = new SpeedMeasurePlugin({
	disable: process.env.REACT_APP_MODE !== 'DEV',
});

// before
webpack: {
    configure: (config, { env, paths }) => {
     ...
      return smp.wrap(config);
    },
},

// after
webpack: smp.wrap({
    configure: (config, { env, paths }) => {
      ...
      return config;
    },
}),