[REACT/TODOAPP] react, typescript error
2023. 4. 13. 20:37ㆍIT/ClientSide
728x90
반응형
'React' refers to a UMD global, but the current file is a module. Consider adding an import instead.ts(2686)
ㅂㄷㅂㄷ
1. VSCode에서 Quick Fix 라면서 추천하는 방법
import 'React' from 'react'
-> 당장의 에러 코드는 없어지지만 yarn start 시 상동의 에러 발생
2. 구글링 1.
package.json -> typescript, react, react-dom 버전 확인. // 가장 최근 버전 확인
tsconfig.json -> "compilerOptions": "jsx": "react" -> "react-jsx" or "react-jsxdev"로 변경
3. stack overflow. 정답은 여기로..
tsconfig.json 파일 수정. 사람마다 다른 것 같은데, 나는 src 만 포함되어 있었다. react가 포함된 node_modules를 다 포함시켜야하나?! 하고 질렀다가 용량 큰 걸 포함시켰다고 해서 ㅎㄷㄷ하고 ts, tsx 파일만 적었다.. 당당 yarn start 로 실행은 성공했다.
"include": [
"src",
"**/*.ts",
"**/*.tsx",
"**/**/*.ts",
"**/**/*.tsx"],
사람마다 include 내용이 다른 것 같으니 stack overflow 가서 직접 찾아보는 게 확실하겠다..
728x90
반응형
'IT > ClientSide' 카테고리의 다른 글
[NomadCoder] Making Momentum with JavaScript 1. finder에서 터미널 열기, vscode 설치 (0) | 2023.07.01 |
---|---|
[REACT/TODOAPP] tsconfig.json include 설정 (0) | 2023.04.17 |
[REACT/TODOAPP]typescript error (0) | 2023.04.13 |
[FrontEnd] 스파르타 코딩 네컷사진 (0) | 2023.04.12 |
[React/TodoApp] rb-cra-template 사용해보기 (0) | 2023.04.11 |