[Web] typescript에서 'export type' flag 에러

2023. 1. 7. 22:40Developers 공간 [Shorts]/Frontend

728x90
반응형
<분류>
A. 수단
- OS/Platform/Tool : Linux, Kubernetes(k8s), Docker, AWS
- Package Manager : node.js, yarn, brew, 
- Compiler/Transpillar : React, Nvcc, gcc/g++, Babel, Flutter
- Module Bundler  : React, Webpack, Parcel

B. 언어
- C/C++, python, Javacsript, Typescript, Go-Lang, CUDA, Dart, HTML/CSS

C. 라이브러리 및 프레임워크 및 SDK
- OpenCV, OpenCL, FastAPI, PyTorch, Tensorflow, Nsight

1. What? (현상)

TS1205 : Re-exporting a type when the '--isolatedModules' flag is provided requires using 'export type'
interface AB{
	A : string;
	B : any;
}

interface ABC{
	A : number;
    B : number[];
    C : AB[] | null;
}

export {
	ABC
    AB
}

2. Why? (원인)

  • Typescript 3.8 이후 버전은 type을 명시하기 위한 interface 에 type을 export/import 한다는 것을 명시해주어야한다고 합니다.
  • 23년 1월 기준 최신 버전은 Typescript 4.9.4

3. How? (해결책)

  • "type"을 명시해줍니다.
interface AB{
	A : string;
	B : any;
}

interface ABC{
	A : number;
    B : number[];
    C : AB[] | null;
}

export type{
	ABC
    AB
}

 

728x90
반응형