2017-03-17 21 views
0

私はSwiperは仕事に取得しようとしているが、それはいつも私にエラーをスローしないで、私はSwiperライブラリとしてhttp://idangero.us/swiper/get-started/#.WMsuihJ96MIを使用していTypeError例外は:Swiperはコンストラクタ

「Swiperは、コンストラクタではない」と、このライブラリをインストール流星群として

クライアント/ body.jsあなたはそれがだ、インスタンスSwiperあなたを慰めるし、かどうかを確認することを確認しますSwiper.default(element,options)

を試してみてください@mutdmour

Template.slider.onRendered(function(){ 
    var mySwiper = new Swiper ('.swiper-container', { 

    // Optional parameters 
    direction: 'vertical', 
    loop: true, 

    // If we need pagination 
    pagination: '.swiper-pagination', 

    // Navigation arrows 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev', 

    // And if we need scrollbar 
    scrollbar: '.swiper-scrollbar', 
    }); 
}); 

クライアント/ body.html

<body> 
    <h1>Test</h1> 
{{> slider }} 
</body> 

<template name="slider"> 
    <!-- Slider main container --> 
<div class="swiper-container"> 
    <!-- Additional required wrapper --> 
    <div class="swiper-wrapper"> 
     <!-- Slides --> 
     <div class="swiper-slide">Slide 1</div> 
     <div class="swiper-slide">Slide 2</div> 
     <div class="swiper-slide">Slide 3</div> 
    </div> 
    <!-- If we need pagination --> 
    <div class="swiper-pagination"></div> 

    <!-- If we need navigation buttons --> 
    <div class="swiper-button-prev"></div> 
    <div class="swiper-button-next"></div> 

    <!-- If we need scrollbar --> 
    <div class="swiper-scrollbar"></div> 
</div> 
</template> 
+0

このコードはインポートフォルダにありますか? – jordanwillis

+0

空のプロジェクトでコードを試したところ、パッケージを追加した後は完全に機能しました。別のパッケージのように、名前がSwiperと矛盾していないことを確認してください。 'console.log(Swiper) 'を実行して、あなたが得るものをお知らせください。 – mutdmour

+0

@jordanwillisはい、そうです。 – Ratchakrit

答えて

0

本当にコンストラクタか、そのコンストラクタがそのプロパティにあるオブジェクトです。私が間違った情報を与える場合は申し訳ありません。私の英語はとても弱いので、これはフォーラムへの私の最初の返信です。