인프런 커뮤니티 질문&답변

타입스크립트 설치했습니다 ㅠ.ㅠ

다 작성후에 npm start 작동하면 오류가 납니다.

{
  "name": "sample",
  "version": "1.0.0",
  "description": "",
  "main": "main.ts",
  "type":"module",
  "scripts": {
    "start:build":"tsc -w --project tsconfig.json && npx -p tsconfig.json",
    "build:live":"nodemon --watch 'src/**/*' --exec ts-node --esm src/main.ts --verbose",
    "start":"npm run build:live" 
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "fastify": "^4.26.0"
  },
  "devDependencies": {
    "@types/node": "^20.11.16",
    "nodemon": "^3.0.3",
    "ts-node": "^10.9.2",
    "typescript": "^5.3.3"
  }
}

{
  "compilerOptions": {
    "module": "ES2022",                                /* Specify what module code is generated. */
    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
    "target": "ES2022",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
    "moduleResolution": "Node",                     /* Specify how TypeScript looks up a file from a given module specifier. */
    "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
    "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
    "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
    "strict": true,                                      /* Enable all strict type-checking options. */
    "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
    "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
    "inlineSourceMap": true                          /* Include sourcemap files inside the emitted JavaScript. */
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "document",
    "backup"
  ],
  "ts-node":{
    "esm":true,
    "experimentalSpecifierResolution":"node"
  }
}

터미널에서 node -v으로 현재 사용하고 있는 nodejs 버전도 확인 부탁드립니다.

강의에 말한 것 처럼 현재는 18버전의 node를 사용하고 있습니다.

그리고 추가로 현재 학습하고 있는 설치한 프로젝트 폴더를 복사해서 보내주시면 제가 한번 살펴보도록 하겠습니다.

git에 올리셔도 되고 구글클라우드에 올리고 링크를 알려주셔도 되니

해당 파일들을 보내주시기 바랍니다

확인해 본 결과 윈도우 화경에서 nodemon하고 ts-node로 실행시키는데 문제가 있는 것 같습니다

그래서 윈도우의 경우

다음과 같이 tsx 모듈을 설치하고

npm i -D tsx

package.json에서 build:live를 다음과 같이 수정하고 실행하시면 되겠습니다.

  "scripts": {
    "start:build": "tsc -w --project tsconfig.json && npx -p tsconfig.json",
    "build:live": "npx tsx src/main.ts",
    "start": "npm run build:live"

하지만 이렇게 실행할 경우 nodemon의 도움을 받을 수 없어서 코드가 변경후에는

서버를 다시한번 실행해야만 합니다.

이후에 윈도우에서도 nodemon과 ts-node로 실행할 수 있다면 확인해서 다시 업데이트 하도록 하겠습니다.

이부분에 대해 혼란을 드려서 죄송합니다.

위사항을 참고하시고 혹시 계속해서 문제가 있다면 다시한번 문의 부탁드리겠습니다.

감사합니다.

감사합니다. 해결되었습니다 ㅎㅎ