VScode 경로 가져오기 (절대경로 → 상대경로) 변경 설정방법

<에러 발생>

VScode로 TypeScript 파일에서 TypeORM Seeding을 하기 위해 경로를 import 하려고 했다.
경로를 가져올 때 일일이 작성하기 번거롭기 때문에 VScode의 자동 가져오기를 이용해서 경로를 가져왔는데 seeding에 실패했다.

VScode auto import

seeding fail

<발생 이유>

경로는 절대 경로로 가져왔고  'ctrl + 클릭' 해보았을 때 해당 파일로 잘 이동되는 걸 보면
TypeScript에서 절대 경로를 인식하지 못하는 것으로 보였다.

그래서 직접 상대경로로 작성한 뒤 seeding 해 보았을 때 DB에 데이터가 잘 삽입되는 것을 확인했다.

 

<해결 방법>

VScode에서 자동 가져오기를 이용할 때 절대 경로 대신 상대 경로로 변환되게 하기 위해 설정 방법을 찾아보았다.

1. VScode 설정 탭으로 이동한다

2. import Module Specifier를 검색한다

3. TypeScript의 자동 가져오기 스타일을 기본 값인 shortest에서 relative로 변경
(shortest -> relative)

설정 변경

4. 이후에 자동 가져오기를 했을 때 상대 경로로 잘 가져오는 것을 확인할 수 있다.

상대경로 변경 성공

+ VScode의 설정 파일인 setting.json에 

{
  ...
  "typescript.preferences.importModuleSpecifier": "relative"
  ...
}

위의 코드를 넣어도 동일하게 작동한다.

 

---

 

+  아예 ts.config 파일을 수정해서 TypeScript에서 절대 경로를 인식하게 끔 바꿔주는 방법도 있는 듯하다
아래의 주소를 참조

https://blog.naver.com/izure/222177415719