無法使用npm在angular2中初始化Swiper

Question

我正在嘗試在我的angular2 + npm應用程序中使用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"
    });
  }

我的angular-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

我以這種方式在我的應用程序中使用Swiper：

1. 您必須使用npm安裝swiper-> npm install 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. 您必須添加您的types.d.ts->聲明var Swiper：any;
4. 現在，在component.ts中，刪除import Swiper，您的滑塊就可以了！ 讓我知道！