3
votes

L'importation de diapositives ne fonctionne pas sur Ionic 4?

Donc, j'essaye d'importer des diapositives ioniques dans mon projet, mais je reçois ce message: "... n'a pas de membre exporté" Slides ""

Je suis importation comme ceci:

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

      };

    };
  }

}

puis le reste du code:

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


0 commentaires

3 Réponses :


10
votes

Cette réponse sur un problème GitHub indique qu'il y a un renommer dans la documentation pour Ionic 4. Renommer Slides en IonSlides devrait faire l'affaire.

Veuillez jeter un œil aux modifications de dernière minute pour la version bêta.18: https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#angular-prefixed-ion--components

Tout est préfixé avec Ion, donc au lieu de Slides, c'est IonSlides:

@ViewChild(IonSlides) slides: IonSlides;

...

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


3 commentaires

J'ai essayé, mais j'obtiens une autre erreur: «autoplay» n'existe pas sur le type «IonSlides».


Cela a-t-il résolu le problème d'importation dont vous parliez? - En ce qui concerne la question suivante, vous pouvez poser une nouvelle question sur le changement de propriété autoplay , mais il est probable que la documentation IonSlides y réponde pour vous. Voici le lien: ionicframework.com/docs/api/slides


Oui, c'est vrai; Je vais poser une nouvelle question sur la lecture automatique. Merci pour la réponse.



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

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

0 commentaires

1
votes

celui-ci a résolu mon problème dans ionic 4

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

j'ai passé le deuxième paramètre {read: true, static: false}


0 commentaires