• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

import 경로 오류질문입니다

23.10.22 01:28 작성 조회수 255

1

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

답변 2

·

답변을 작성해보세요.

1

안녕하세요! 주재님!

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

  "compilerOptions": {

    ...

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

1

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.10.24

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