경로 alias 설정
813
작성한 질문수 9
안녕하세요! 강의 내용 중 jsconfig.json으로 설정한 경로 관련하여 문의 사항이 있습니다.
1. .vue 파일 내 자동 완성 안됨
=> 강의해주신 프로젝트 말고, 새로 프로젝트를 생성하여 같은 jsconfig.json 파일을 적용하였습니다.
=> js 파일에서는 import 시, @/로 자동 완성이 되는데 .vue 파일에서는 @/로 자동 완성이 안되더라구요! 혹시 어떤 부분을 확인하는게 좋을까요?
2. webpack alias 설정
=> jsconfig.json은 vscode에서 자동 완성을 적용하기 위해서만 사용되는 설정인가요?
=> build 시 반영을 위해 jsconfig.json 설정 후, webpack alias 설정도 같이 해줘야하는건지 궁금합니다.
답변 1
0
안녕하세요 bin님, 문의 사항 답변드릴게요 :)
1. 말씀해주신 자동완성 기능은 VSCode 내부적으로 제공하는 기능입니다. 그러다보니 가끔 일반적인 웹 파일(html, css, js)이 아닌 vue 파일은 잘 인식을 못하는 경우가 있는 것 같아요. jsconfig.json 파일의 compilerOptions 속성 다시 한번 확인해보시고 특히 baseUrl 속성이나 기타 속성을 확인해보시면 좋을 것 같습니다 :) 그리고 불려오려는 vue 파일에 SFC 형태로 export가 잘 되어 있는지도 한번 확인해보시면 좋을 것 같아요.
2. 위에서 말씀 드린 것처럼 jsconfig.json 파일은 VSCode 상에서 경로 프리뷰 하기 위한 설정 파일입니다. 웹팩으로 빌드하는 경우에는 @ 별칭이 잘 인식될 수 있게 resolve 속성의 alias 설정이 잘 되어 있어야 합니다 :) 아래 링크 참고해보시면 좋을 것 같아요.
https://webpack.js.org/configuration/resolve/#resolvealias
제 강의를 수강해주셔서 감사합니다 :)
0
저도 마찬가지로 js파일에서는 자동 완성이 되지만 vue에서는 안되는 문제가 발생합니다.
jsconfig.json 파일은 다음과 같습니다. 깃허브에 올라와 있는 것과 다르지 않은데 어떻게 하면 좋을까요? 따로 웹팩으로 뭘 설정했던 것 같지는 않습니다.
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"~/*": [
"./*"
],
"@/*": [
"./src/*"
],
}
},
"exclude": [
"node_modules",
"dist"
]
}node 10버전 사용
0
64
1
강의에 대해 질문 드립니다.
0
61
1
vue CLI 대신 vite를 사용해도
1
140
2
질문삭제
0
149
2
강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요
0
92
1
로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결
0
117
1
rndrmagkqslek.
0
73
1
계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요
0
104
1
axios 에러가 뜹니다.
1
237
2
vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들
2
312
1
vue 관련 다른 강의 출시예정이없으신지 궁금합니다!
1
154
1
AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면
1
195
1
vue3로 따라오시다가 import axios 에러 뜨시는 분들
2
445
2
$router 를 이용한 메인 페이지로 이동
1
290
1
혹시 node.js 10.24 버전으로 해도 상관없나요?
2
461
2
에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.
1
299
2
pinia 사용할려고 하는데 에러가 나옵니다.
1
486
2
swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..
1
1104
2
safari 개발자 도구에 대한 질문입니다
1
568
2
스웨거에 글 등록시 401 에러가 나와요 ㅠ
1
722
2
이 에러 때문에 진행이 안되네요 ㅠ
1
675
1
windows .nvmrc nvm use 실행 오류
1
1547
2
강사님 최신화가 필요해보입니다.
2
960
2
npm i 에러
1
613
1