• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

vue typescript프로젝트에서 styled-component 사용방법

19.07.31 00:12 작성 조회수 294

1

안녕하세요.

vue typescript 프로젝트에 styled-component 적용하려고 하니 계속해서 타입에러가 발생합니다. 

혹시 관련하여 적용방법 공유 가능하실까요?

답변 1

답변을 작성해보세요.

2

안녕하세요 한남일님!

말씀해주신 styled-component가 어떤것인지요?

혹시 https://github.com/styled-components/vue-styled-components

이것을 말씀하시는게 맞나요?

제가 사용해본적이 없어서 정확히는 모르겠지만,

위 모듈은 typescript를 아직 지원하지 않는 것 같습니다.

(지원하지 않는다고해서 사용할 수 없는것은 아니니 괜찮아요!)

typescript를 지원하지 않는 자바스크립트 모듈의 경우에는

직접 타입을 선언해서 사용할 수 있습니다!

프로젝트 루트에 shims-vue.d.ts 파일이나,

index.d.ts 파일을 생성해서 해당모듈의 필요한 부분만 타입을 선언하시면 됩니당

참고하실만한 링크를 알려드리겠습니다.

https://www.slideshare.net/gloridea/dts-74589285

https://medium.com/naver-fe-platform/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BB%B4%ED%8C%8C%EC%9D%BC%EB%9F%AC%EA%B0%80-%EB%AA%A8%EB%93%88-%ED%83%80%EC%9E%85-%EC%84%A0%EC%96%B8%EC%9D%84-%EC%B0%B8%EC%A1%B0%ED%95%98%EB%8A%94-%EA%B3%BC%EC%A0%95-5bfc55a88bb6

감사합니다.