</p> <p>それは私が私のangular2 + NPMアプリケーションでswiperライブラリを使用しようとしていますが、使用しようとすると、ビルドにエラーが生じていますNPM

Question

を使用してangular2にSwiperを初期化することができません。エラーは次のとおりです。

ERROR in vendor.95f9dda80938ded736ad.bundle.js from UglifyJs 
Unexpected token: name (class_SwiperClass) [vendor.95f9dda80938ded736ad.bundle.js:16626,6] 

私はpackage.jsonにそれが含まれているし、私のコンポーネントで、次のようにそれを使用しています：

import Swiper from 'swiper/src/components/core/core-class'; 


    ngAfterViewInit() { 
    let mySwiper : any = new Swiper('swiper-container', { 
     autoplay: 1000, 
     autoplayDisableOnInteraction : false, 
     speed: 400, 
     spaceBetween: 0, 
     pagination : ".swiper-pagination" 
    }); 
    } 

マイ角度-cliの設定は次のとおりです。

私はこのように私のアプリにSwiperを使用している3210

{ 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "prefix": "app", 
     "styles": [ 
     "../node_modules/swiper/dist/css/swiper.css" 
     ], 
     "scripts": [ 
     "../node_modules/swiper/dist/js/swiper.js" 
     ] 
    } 
    ] 
} 

Answer 1

：

1. あなたはNPMとswiperインストールする必要があります - > NPMインストールswiper@3.4.2 --save
2. あなたが追加する必要がありますあなたのagular-cli.json： "styles"：["../node_modules/swiper/dist/css/swiper.min.css"]、 "scripts"：["../node_modules/swiper/dist/js" /swiper.min.js "]
3. typings.d.ts - > declare var Swiper：any;を追加する必要があります。
4. あなたのcomponent.tsでインポートSwiperとあなたのスライダーが削除されました！私に知らせてください！