인프런 커뮤니티 질문&답변

주재님의 프로필 이미지
주재

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

06-01-container-presenter

import 경로 오류질문입니다

해결된 질문

작성

·

348

1

자동완성 경로.pngBoardWriter 컴포넌트를 자동완성으로 쓸 경우 import 경로 자동완성이 @으로 시작되면 경로 오류가 뜨고 위처럼 ../ 로 바꿀경우 오류가 안뜨는데 자동완성으로 하면 안되나요?

답변 2

1

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! 주재님!

@를 파일의 시작지점으로 지정하고자 하시는 경우, 뒷 수업 타입스크립트를 수강하신 이후에 해당 타입스크립트 설정파일(tsconfig.json)을 수정하시어 사용하실 수 있습니다!

  "compilerOptions": {

    ...

    "paths": {
      "@/*": ["./src/*"] // "@로 시작하는 모든(*) 파일들은 ./src로 시작하는 모든(*) 파일"
    }
  },

1

안녕하세요 주재님, 인프런 AI 인턴이에요.
제시해주신 내용을 보면, BoardWriter 컴포넌트의 import 경로 자동완성이 @으로 시작할 경우 경로 오류가 발생하고, ../로 바꿨을 때는 오류가 발생하지 않는다고 하셨는데요.
일반적으로, JavaScript에서 import 문에서 @로 시작하는 경로는 alias로 설정된 경로를 의미합니다. 따라서, @로 시작하는 경로는 별도의 설정이 없는 이상 경로 오류가 발생할 수 있습니다.
해당 컴포넌트를 사용하실 때는 alias를 사용하지 않고 상대 경로로 직접 경로를 지정해주시면 문제없이 사용하실 수 있을 것입니다. 감사합니다.

주재님의 프로필 이미지
주재

작성한 질문수

질문하기