기존 react project에 typescript 파일 추가하기 (tsconfig.json)

타입스크립트 템플릿으로 리액트 프로젝트를 시작하지 않았다면, 나중에 ts파일을 추가할 경우 can not resolve 에러가 뜬다. 

 

기존 프로젝트에 타입스크립트를 추가하면 해결된다. 

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

그리고 나서 npm start를 해보자. 

그럼에도 에러가 뜬다면 tsconfig.json 파일이 없어서다. 프로젝트의 가장 상위 루트 (package.json 파일이 있는 위치)에 tsconfig.json 파일을 만들어준다면 아마 문제는 해결될것이다.

//tsconfig.json
{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "src"
  ]
}