无法使用 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. 您必须在您的 typings.d.ts 中添加 --> 声明 var Swiper: any;
4. 现在在您的 component.ts 中删除 import Swiper 并且您的滑块可以工作了！告诉我！