Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Tags
- dp알고리즘
- js코테
- JS프로그래머스
- HTML
- CSS
- 코딩테스트
- 프로그래머스JS
- 리액트
- 백준골드
- 다이나믹프로그래밍
- 백준알고리즘
- 백준js
- 몽고DB
- 백준구현
- 리액트커뮤니티
- 알고리즘
- 백준
- 백준nodejs
- 코테
- 익스프레스
- 프로그래머스
- 안드로이드 스튜디오
- 백준구현문제
- 리액트댓글기능
- HTML5
- 자바스크립트
- 프로그래머스코테
- JS
- css기초
- 포이마웹
Archives
- Today
- Total
개발새발 로그
[리액트 오류] 'React' is defined but never used.eslintno-unused-vars - eslint 오류 본문
React
[리액트 오류] 'React' is defined but never used.eslintno-unused-vars - eslint 오류
이즈흐 2023. 9. 24. 15:57리액트를 사용할 때 아래와 같이 React를 import해오면 오류가 뜨게된다.
eslint에서 오류를 보여주는 것인데
jsx로 처리되는 변수들은 shadowing이 되서 eslint가 못찾아 낸다고 한다.
해결방법
1. 주석처리로 하는 방법
에러나는 줄 옆에 다음과 같은 주석을 단다.
// eslint-disable-line no-unused-vars
나는 이 방법을 일일이 적기에는 너무 귀찮다고 생각했다.
2. eslintrc.cjs 파일에 아래와 같은 코드 추가
나는 현재 vite를 이용해서 react를 설치해서 eslintrc.cjs에 아래 코드를 추가했다.
처음에 구글링했을 때
./eslintrc에 해라
.eslintrc.json 에 해라.
등등
각각의 방법이 있었지만 다 다른 것 같다.
나는 이 파일에서 아래 코드를 추가했다.
{
"rules": {
"no-unused-vars": [
"error",
{
"varsIgnorePattern": "React"
}
]
]
}
아래 링크에서 해결방법을 찾아보았다.
링크에서 보니 각각 다른 해결방법이 있는 것 같은데 나는 위 방법을 선택했다.
https://stackoverflow.com/questions/42541559/eslint-with-react-gives-no-unused-vars-errors
728x90
반응형
LIST
'React' 카테고리의 다른 글
React - useEffect에 대하여 (0) | 2023.12.11 |
---|---|
React - 분기와 반복( 논리곱연산자,삼항연산자, map) (1) | 2023.12.05 |
[리액트] Vite Eslint 설정하기 - 리액트 Eslint 오류가 안뜸 (0) | 2023.09.24 |
[리액트 오류] eslint(react/jsx-no-target-blank) (0) | 2023.09.24 |
[에러 메시지 해결] error: Command failed with exit code 1 (0) | 2023.08.29 |