본문 바로가기
C++ 200제/코딩 IT 정보

타입스크립트: vue-awesome-swiper import 에러

by vicddory 2019. 11. 30.

vue-awesome-swiper는 화면 슬라이드 기능을 지원하는 라이브러리입니다.

다른 직원 자리에선 잘 도는 소스 코드가 제 노트북에선 에러 코드더라고요.


import { Component, Vue } from 'vue-property-decorator';


검색을 해보니 이것 역시 타입스크립트에서 100% 지원하지 않아 발생하는 것이라 아래처럼 module을 추가하면 해결됩니다.


파일 추가 : vue-awesome-swiper.d.ts

vue-awesome-swiper.d.ts


declare module 'vue-awesome-swiper' {
import Swiper, { SwiperOptions } from 'swiper';
import Vue, { PluginObject, VueConstructor } from 'vue';

interface VueAwesomeSwiper extends PluginObject<SwiperOptions> {
Swiper: Swiper;
swiper: VueConstructor<Vue>;
swiperSlide: VueConstructor<Vue>;
}

const VueAwesomeSwiper: VueAwesomeSwiper;
export default VueAwesomeSwiper;

export const swiper: any;
export const swiperSlide: VueConstructor<Vue>;
export { default as Swiper } from 'swiper';
}



근데 이상하네요.


난 이렇게 declare 추가해야 잘 도는데 다른 직원은 이거 없어도 돌고 ... 아 ... 스크립트 어렵다.



관련 글

모듈 vue-native-websocket에 대한 선언 파일을 찾을 수 없습니다

Vue.js : Mocha 플러그인 활용한 테스트 (yarn vue/cli)

TypeScript 강의 1. 프론트엔드 개발자와 TS

댓글