강의

멘토링

커뮤니티

Inflearn Community Q&A

babtu7899115's profile image
babtu7899115

asked

[Code Camp] A highly concentrated front-end course created at Bootcamp

06-01-container-presenter

import 경로 오류질문입니다

Resolved

Written on

·

414

1

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

reactnode.jsseographqlnext.js

Answer 2

1

nwd09074926님의 프로필 이미지
nwd09074926
Instructor

안녕하세요! 주재님!

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

  "compilerOptions": {

    ...

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

1

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

babtu7899115's profile image
babtu7899115

asked

Ask a question