'React' refers to a UMD global, but the current file is a module

react + typescript 개발하면서 로컬 띄웠는데.... ERROR 메시지 등장.

 

침착하게 대처해야 하는 것을 알지만 늘 어렵다.. 

해결책을 찾았다.

'React'은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다. 대신 가져오기를 추가해 보세요. ts(2686)

 문제 접근

1. npm package들의 버전 문제일까?

2. 왜 router.tsx에서 컴포넌트들 모두 빨간줄이 그어져 있지..? 에?

 

문제 해결

1. npm package 버전 체크 해보기

2. ts가 코멘트 날려줬으니 typescript 문제일 수도?

    ㄴ> typescript v4.1 이상, react, react-dom v17 이상 확인하기

3. tsconfig.json 파일 생성 유무 체크

4. tsconfig.json 파일에서 complierOption에서 jsx 속성 체크

{
  "compilerOptions": {
  	...
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}

 

 

참고 : Denny's 발자취