Question

因此，我正在尝试将离子幻灯片导入到我的项目中，但我收到此消息：“ ...没有导出的成员'幻灯片'

我这样输入：

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();

      };

    };
  }

}

Answer 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：

从'@ ionic / angular'导入{IonSlides};

...

@ViewChild（IonSlides）幻灯片：IonSlides;

Answer 2

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

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

Answer 3

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

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

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

导入幻灯片在Ionic 4上不起作用？

3 个答案: