• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

import React를 하지않은 상태에서 eslint를 적용하니 오류가 발생합니다.

22.08.12 17:03 작성 조회수 806

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'를 작성하지 않도록 어떻게 설정할 수 있을까요?

답변 1

답변을 작성해보세요.

1

frenchkebab님의 프로필

frenchkebab

2022.08.17

.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}
}
frenchkebab님의 프로필

frenchkebab

2022.08.17

요렇게 코드 추가하시면 됩니다!