인프런 커뮤니티 질문&답변
작성한 질문수
import React를 하지않은 상태에서 eslint를 적용하니 오류가 발생합니다.
작성
·
1.2K
0
next.JS의 장점을 깨달아보고자 import React from 'react'를 하지않은 상태로 쭉 진행을 해왔었는데
eslint를 적용하니 오류가 발생합니다.
'React' must be in scrope with using JSX 라는 오류입니다.
모든 파일에 import React from 'react'를 작성하니 해결은 됐는데 작성하지 않는 방법은 없을까요?
eslint를 적용하고도 모든 파일에 import React from 'react'를 작성하지 않도록 어떻게 설정할 수 있을까요?
퀴즈
65%나 틀려요. 한번 도전해보세요!
넥스트제이쓰가 리액트 애플리케이션 개발에 제공하는 주요 이점은 무엇인가요?
데이터베이스 관리 기능 내장
서버사이드 렌더링 및 파일 기반 자동 라우팅 지원
별도의 Node.js 설치 불필요
UI 디자인 시스템 자동 생성
답변 1
2
.eslintrc 파일 생성하신 후
"rules": {
// suppress errors for missing 'import React' in files
"react/react-in-jsx-scope": "off",
// allow jsx syntax in js files (for next.js project)
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //should add ".ts" if typescript project}
}
요렇게 코드 추가하시면 됩니다!