无法使用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，您的滑块就可以了！ 让我知道！