[타입스크립트(Typescript)/import]타입스크립트에서 javascript 라이브러리 Import(임포트)/추가 하기(cannot import library in typescript)

[타입스크립트(Typescript)/import]타입스크립트에서 javascript 라이브러리 Import(임포트)/추가 하기

 

타입스크립트에서 기존 javascript 추가하는 방법은 2가지 있다.

 

일반적으로 javascript환경에서 설치 시 

$ npm install express

위와같이 진행한다.

 

하지만 typescript가 적용된 형태로 설치 할려면

$ npm install @types/express

위와같이 @types를 붙였을때 설치가되는거라면 타입스크립트 형태의 라이브러리로 이미 누군가 포팅작업을 진행한 것이다. 그래서 위와같이 추가 한 후 사용하면 아무문제없이 사용가능하다.

 

하지만 @types/를 붙여도 설치가 되지않는다면 아무도 포팅작업을 진행하지 않은 것이므로 우회방법을 사용하여야한다.

 

$ npm install Joi

위와같이 일반 javascript형태로 설치 후 파일을 import할 시 

다음과 같은 오류가 발생한다.

이럴 경우에는 기존에 import 형태를

//import Joi from 'joi';
import * as Joi from 'joi';

다음과 같이 바꿔주면 아무 문제없이 실행이 가능하다.

 

#typescript 라이브러리 추가 #javascript 라이브러리 추가 #js 라이브러리 추가 #ts 라이브러리 추가 #add ts library #cannot add library in ts #cannot add library in typescript #ts error #cannot import ts