유형 스크립트에서 사용자 정의 유형을 올바르게 가져오는 방법

유형 스크립트에서 사용자 정의 유형을 올바르게 가져오는 방법

사용자 지정 유형이 있습니다.src/@types/app.d.ts(export type AuthKeyT = string)

에 사용하고 싶습니다.tsx대응 파일(사용)import { AuthKeyT } from '@types/app'), 하지만 오류가 발생합니다.

형식 선언 파일을 가져올 수 없습니다.'@types/app' 대신 'app' 가져오기 고려

그래서 제가 사용할 때.import { AuthKeyT } from 'app'다음과 같은 정보:

'app' 모듈을 찾을 수 없습니다.

그래서.. 뭐가 문제야?사용자 지정 유형을 가져오려면 어떻게 해야 합니까?

타자기를 사용하고 있습니다.3.7.2반응 앱에서.

당신은 이 오류에 직면하고 있습니다 왜냐하면@types/...글로벌 가져오기입니다.예를들면import { AuthKeyT } from '@types/app'node_message에 있는 @types에서 가져오려고 하는 것을 의미합니다.

변경하여 이 문제를 해결할 수 있습니다.@types와 비슷한 정도로@customTypes또는 당신의 유형 폴더의 경로를 변경함으로써.@src/types...수입하는 동안.

오류에서 알 수 있듯이 다음을 가져올 수 없습니다..d.tsTypeScript 파일입니다.

import ... from 'app'은연중에.import ... from 'app.ts'또는 이 파일이 존재하지 않으므로 두 번째 오류가 발생합니다.

이 가져오기를 사용하여 유형을 사용하려면 간단한 형식으로 작성해야 합니다..ts그런 파일:

src/@types/app.ts:

export type AuthKeyT = string

이 구조를 사용하면 다음을 사용하여 이 유형을 가져올 수 있습니다.

import { AuthKeyT } from 'app'

추가할 수도 있습니다.path의 컴파일러 옵션으로tsconfig.json다음과 같이:

"compilerOptions": {
    "paths": {
      "types/*": [
        "./@types/*"
      ]
    }
}

그리고 나서.import { AuthKeyT } from 'types/app'

언급URL : https://stackoverflow.com/questions/61308006/how-to-correctly-import-custom-types-in-typescript