無法使用NPM

Question

我試圖使用刷卡庫在我angular2 + NPM應用程序，但我有上構建一個錯誤嘗試使用它

錯誤時初始化組隊，探索在angular2是：

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配置如下：

{ 
    "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@3.4.2 --save
2. 您必須添加在您agular-cli.json： 「風格」： 「../node_modules/swiper/dist/css/swiper.min.css」]， 「腳本」：」 ../node_modules/swiper/dist/js /swiper.min.js「]
3. 您必須添加在你typings.d.ts - >宣佈VAR組隊，探索：任意;
4. 現在，在您component.ts除去進口組隊，探索和您的滑塊的作品！讓我知道！