typescript기반 에서는 this.$router가 인식이 안되는데 다른 방법이 있을까요?
665
投稿した質問数 7
현재 타입스크립트 기반의 nuxt.js 프로젝트 생성해서 강의 수강하고 있습니다. <script lang="ts"></script>
라우팅 부분에서 this.$router.push(`detail/${id}`);이 부분이 계속 인식이 안되고 있어서 아래로도 바꿔서 해보고 구글링 해보는데 먹히질 않네요.
혹시 타입스크립트 기반에서는 접근 방법이 다른가요?
回答 2
1
자답입니다. 이것저것 수정하다보니 해결되었네요. 타입스크립트 기반일 경우 프로젝트 루트에
vue-shim.d.ts파일을 추가하고 하단 부분을 넣어야 됩니다.
...
...
그리고 나서 해당 ts파일을 읽어들일수 있게 tsconfig.json 하단에 아래을 추가하면 컴포넌트 내에서 this.$router 부분이 인식이 됩니다.
{
...
....
}
타입스크립트 기반으로 Nuxt.js개발하시는 분들에게 도움이 되시길 바랍니다.
-1
안녕하세요, Nuxt로 프로젝트 생성하실 때 TypeScript를 선택해서 생성하시면 store, router와 같은 공식 라이브러리 타입 환경은 모두 설정되어 있을 거예요. JS 기반 프로젝트 생성하시고 직접 타입스크립트 관련 패키지를 하나씩 추가하셨을까요?
0
안녕하세요! 프로젝트 생성시에 아예 처음부터 TypeScript기반으로 생성했습니다. 타입스크립트 기반 Nuxt 프로젝트에서 강의 수강하면서 샘플 따라가면서 해보고 있는데 아직 큰 이슈는 없었습니다. 시간적 여유가 되신다면 Typescript 기반 프로젝트에서 특별히 보완해야되거나 수정해야 되는 부분도 한번 부록으로 넣어주시면 다른 수강자분들에게도 꽤 도움이 될것 같습니다!
판교님, 50% 학생 할인 쿠폰
0
133
2
캡틴님 커리어 질문 있습니다
0
76
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
347
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
185
1
24년 강의를 들으면서 에러나는 부분 정리
2
337
2
공식홈페이지에 설치방법이 바뀐거같아요
1
401
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
383
2
자료가 없습니다.
1
285
2
에러 페이지 정의 방법 강의 문의
1
333
2
SSG -> SSR 배포 방식 전환
1
524
2
갑자기 화면에 에러가 나오네요..
1
449
2
마지막 강의까지 작성된 코드
1
293
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
223
2
Vue2 EOL 관련해서..
1
463
2
env.baseUrl 문제
1
624
2
블로그 기능 질문입니다!
1
455
3
node 버전 문제 질문입니다.
1
223
1
폴더구조 다른것 안내 부탁드려요
1
457
1
npm run generate 배포
1
676
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
323
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
992
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
611
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
767
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
385
2