강의

멘토링

로드맵

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

악보-Designer Park님의 프로필 이미지
악보-Designer Park

작성한 질문수

Vue.js + TypeScript 완벽 가이드

스토어 타입 파일에 getters 타입 확장

$store 인식이 안되요 😭

작성

·

271

0

store 폴더 내에 세팅했던 파일들은 actions.ts, index.ts, types.ts 등등 정상적으로 추론이 잘 되었는데

app.vue에서 최종적으로 테스트할려고 할 때 프리뷰가 뜨지 않습니다.

this.$store.getters.fetchdNews를 억지로 입력시 any 타입으로 뜨더라구요.

이유가 무엇일까요?

이것때메 6시간 고민하고 있습니다.

 

밑에 사진 첨부합니다!!

그 말고도 보고 싶은 영역이 있으시면 요청주시는대로 사진 업로드 하겠습니다.

 

- 사진 

위 사진  ) 경로 : src / store / index.ts

 

 

위 사진 ) 경로 : src / store / getters.ts

 

위 사진 ) 경로 : src / store / types.ts

 

위 사진 ) 경로 : src / app.vue     

   ㄴ this. 쳤을 때 $store 프리뷰 안뜸

   ㄴ this.$store. 쳤을 때 state / getters / dispatch  프리뷰 안뜸

   ㄴ this.$store.state. 쳤을 때 news 프리뷰 안뜸

 

하지만 

src / store / getters.ts 에서 " state. " 쳤을 때 news 프리뷰 잘 뜨고 타입도 잘 추론되어 있습니다.

 

이유가 무엇일까요.... 해답을 못찾아서 미칠것 같은 느낌이 있네요😭

 

퀴즈

Vuex 스토어를 TypeScript로 변환한 후, 컴포넌트에서 this.$store.state의 속성 타입이 초기에는 'any'로 추론되는 주된 이유가 무엇일까요?

Vuex 라이브러리가 TypeScript를 지원하지 않아서

스토어의 기본 타입 정의에 제네릭으로 'any'가 사용되어서

컴포넌트의 컨텍스트가 스토어 타입 추론을 방해해서

state 속성은 항상 동적으로 변하기 때문에

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!
악보-Designer Park님의 프로필 이미지
악보-Designer Park

작성한 질문수

질문하기