[ React ] Warning: Assign arrow function to a variable before exporting as module default import/no-anonymous-default-export

Warning: Assign arrow function to a variable before exporting as module default  import/no-anonymous-default-export

해석을 해보면

경고: 모듈 기본 가져오기/no-anonymous-default-export로 내보내기 전에 변수에 화살표 함수 할당

export를 잘못 사용했다고 나오는 경고인듯 합니다.

 

 

React로 프로젝트를 진행하던 중, vercel에 deploy를 하던중에 발생한 오류입니다.

// 수정 이전
export default () => {}

// --------------------- //

// 수정 이후
const test = () => {}

export default test;

변수에 먼저 할당을 해준 다음 export를 해주어서 해결했습니다.

 

 

---

 

eslint docs

모듈의 기본 내보내기가 이름이 없는 경우 보고합니다. 여기에는 이름이 지정되지 않은 여러 유형의 데이터 유형이 포함됩니다. 리터럴, 객체 표현식, 배열, 익명 함수, 화살표 함수 및 익명 클래스 선언.
기본 내보내기의 이름을 지정하면 선언 사이트와 가져오기 사이트에서 모듈의 기본 내보내기에 대해 동일한 식별자를 재사용하도록 권장하여 코드베이스의 grepability를 개선하는 데 도움이 됩니다.

 

grepability: grep은 패턴을 기반으로 사물을 찾는 명령입니다. grep-ability는 정보를 더 쉽게 찾을 수 있도록 하는 특정 프로그래밍 규칙을 사용하는 것입니다.