-
ESLint dependency cycle detected import/no-cycle Error 해결하기Tip 2021. 8. 18. 18:15728x90
나의 경우 해당 에러가 interface를 import 해서 사용할 때 나왔다.
이 에러의 의미는 간단하게 설명하자면 A 컴포넌트를 B에서 import 해서 사용하는데 B에서 A의 항목을 import 해서 생기는 문제이다.
A -> B -> A
그래서 나의 경우 interface들을 따로 파일로 쪼갠 뒤 아래와 같은 방식으로 사용해 해결해 냈다.
// A.tsx import {Props} from './type'; import B from './B' // B.tsx import {Props} from './type'; ... any: [] as Props
'Tip' 카테고리의 다른 글
ESLint react/display-name 해결하기 (0) 2021.09.02 eslint, prettier 수정, 검색 후 commit하기 (0) 2021.08.27 내가 Front-End를 끝내고 체크하는 리스트 (0) 2021.08.26 React String형의 Html 렌더링 하기 (0) 2021.07.28 React 사용하지 않는 종속성 제거 (0) 2021.07.23