导入幻灯片不适用于 Ionic 4？答案

【问题标题】：Import Slides doesn't working on Ionic 4?导入幻灯片不适用于 Ionic 4？
【发布时间】：2019-08-25 03:20:13
【问题描述】：

所以，我正在尝试将 Ionic Slides 导入到我的项目中，但我收到了以下消息："... has no export member 'Slides'"

我是这样导入的：

import { Slides } from '@ionic/angular';

然后是剩下的代码：

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  @ViewChild("audio") audio;
  @ViewChild(Slides) slides: Slides;

  constructor(public navCtrl: NavController) {

  }

  ngAfterViewInit() {

    let self = this;

    this.audio.nativeElement.oncanplaythrough = () => {

      this.audio.nativeElement.onplay = function () {

        self.slides.autoplay = 1000;
        self.slides.startAutoplay();

      };

      this.audio.nativeElement.onpause = function () {

        self.slides.autoplay = undefined;
        self.slides.stopAutoplay();

      };

    };
  }

}

【问题讨论】：

标签： angular typescript ionic-framework ionic4

【解决方案1】：

This answer on a GitHub issue 说 Ionic 4 的文档中有一个重命名。将 Slides 重命名为 IonSlides 应该可以解决问题。

请查看 beta.18 的重大更改：https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#angular-prefixed-ion--components

一切都以 Ion 为前缀，所以不是 Slides，而是 IonSlides：
import {IonSlides} from '@ionic/angular';
...
@ViewChild(IonSlides) slides: IonSlides;

【讨论】：

我已经尝试过，但后来出现其他错误：“IonSlides”类型上不存在“自动播放”。
这是否解决了您询问的导入问题？ -- 至于下一个问题，您可以就autoplay 属性更改提出一个新问题，但IonSlides 文档可能会为您解答这个问题。这是链接：ionicframework.com/docs/api/slides
是的，确实如此；我会问一个关于自动播放的新问题。感谢您的回复。

【解决方案2】：

import {IonSlides} from '@ionic/angular';

export class HomePage {
@ViewChild(IonSlides) slides: IonSlides;

【讨论】：

【解决方案3】：

这个解决了我在 ionic 4 中的问题

import { IonSlides } from '@ionic/angular';
export class IntroScreenPage implements OnInit {
@ViewChild('slides', { read: true, static: false }) ionSlides: IonSlides;

我传递了第二个参数{读取：true，静态：false}

【讨论】：