TypeScript 설정 문제를 해결한 방법: 요청 유형에 속성 사용자가 없습니다.

문제
저는 TypeScript와 Express.js를 사용하여 Node.js 프로젝트를 진행해 왔습니다. 한때 Express Request 객체에 사용자 객체를 첨부해야 했는데 다음과 같은 TypeScript 오류가 발생했습니다.

'요청' 유형에 'user' 속성이 없습니다.

Express의 기본 Request 개체에 사용자 속성이 포함되어 있지 않고 TypeScript가 이에 만족하지 않기 때문에 이런 일이 발생한다는 것을 금방 깨달았습니다.

나의 초기 수정
이 문제를 해결하기 위해 요청 인터페이스를 확장하여 사용자 속성을 추가했습니다. 제가 한 방법은 다음과 같습니다.

1. 내 프로젝트의 유형 폴더에 express.d.ts라는 새 파일을 만들었습니다.

// src/types/express.d.ts
import { User } from '@prisma/client'; // Assuming User is a Prisma model

declare global {
    namespace Express {
        interface Request {
            user?: User; // Add user to the Request interface
        }
    }
}

1. TypeScript가 이 새로운 유형을 선택하도록 tsconfig.json을 업데이트했습니다.

{
  "compilerOptions": {
    //extra options here
    "typeRoots": ["./node_modules/@types", "./src/types"] // Add the types folder
  }
}

이 시점에서 코드 편집기에서 오류가 사라져서 문제가 해결된 줄 알았습니다. 하지만 프로젝트를 실행하려고 할 때 터미널에서 또 다른 오류가 발생했습니다.

오류 TS2339: '요청' 유형에 '사용자' 속성이 없습니다.

며칠 동안 멈춤
나는 이 문제를 해결하는 데 3~4일을 보냈고 온라인에서 찾을 수 있는 모든 것을 시도했습니다. 완전히 막혀서 왜 작동하지 않는지 알 수 없었습니다.

솔루션
마침내 근본적인 문제를 발견하고 다음 단계에 따라 해결했습니다.

1. 전역적으로 TypeScript 설치: TypeScript 컴파일러(tsc)가 전역적으로 설치되어 있지 않다는 사실을 깨닫고 다음 명령을 실행했습니다.

npm install -g typescript

1. Watch 모드에서 TypeScript 컴파일러 실행: 작업하면서 --watch 플래그를 사용하여 TypeScript 코드를 자동으로 다시 컴파일했습니다.
   tsc --watch
   

2. 내 코드 편집기 다시 시작: 모든 것이 제대로 로드되었는지 확인하기 위해 편집기(내 경우에는 VS Code)를 다시 시작했습니다.

3. 프로젝트 실행: 다시 시작한 후 프로젝트를 다시 실행했는데 성공했습니다!

결론
작은 문제라고 생각했던 것이 좌절의 나날로 변했지만, 마침내 성공했습니다! TypeScript가 Express 요청 개체의 새 속성을 인식하지 못하는 것과 유사한 문제에 직면한 경우 다음을 기억하세요.

요청 인터페이스를 올바르게 확장하세요.
TypeScript의 컴파일러(tsc)가 제대로 설치되어 실행되고 있는지 확인하세요.
저처럼 어려움을 겪고 있는 다른 분들에게 도움이 되었으면 좋겠습니다!

위 내용은 TypeScript 설정 문제를 해결한 방법: 요청 유형에 속성 사용자가 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!