vscode 자동 import 안되는 경우 해결 방법 (jsconfig.json)

문제상황

인강 보면서 따라하는데 이상하게 나만 오류가 남. 보면 꼭 import가 안되어 있음. 왜 자동 import가 안되는가????

 

원인

프로젝트에 jsonfig.json 파일이 없어서

-> 이런 경우 .js, .jsx 파일들은 각각 독립된 파일로 인식된다. (무조건 알아서 명시해줘야함)

 

해결방법

프로젝트 루트 디렉토리에 jsonfig.json 파일을 만들고 "checkJs": true 를 추가해준다. 

// jsconfig.json

{
  "compilerOptions": {
    "module": "CommonJS",
    "target": "ES6",
    "jsx": "react-jsx",
    "checkJs": true
  }
}