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

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';

}

참조 사이트 : In Typescript, This dependency was not found #398

근데 이상하네요.

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

관련 글

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

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

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