Блог

Главная - Вопросы по программированию - Ошибка Не удается прочитать свойство ‘nativeElement’ Ionic 5

Ошибка Не удается прочитать свойство ‘nativeElement’ Ionic 5

#ionic-framework #ionic4 #ionic-native

#ionic-framework #ионический 4 #ионный-родной #ionic4 #ионный- родной

Вопрос:

Я использую Ionic 5, я попытался воспроизвести видео из Media Capture, но я получил сообщение об ошибке

 Cannot read property 'nativeElement' of undefined
    at addvideoo-addvideoo-module-es2015.js:156

Я следую этому руководству

Это мой код:

 <ion-content fullscreen>
    <video controls autoplay #myvideo></video>
</ion-content>

<ion-footer class="ion-no-border">
    <ion-row class="ion-text-center" *ngFor="let file of mediaFiles">
        <ion-col size="4">
            <h5>{{file.name}}</h5>
        </ion-col>
        <ion-col size="4" (click)="play(file)">
            <ion-icon class="zmdi zmdi-videocam" ></ion-icon>
        </ion-col>
        <ion-col size="4">
            <h5>Lanjutkan</h5>
        </ion-col>
    </ion-row>
</ion-footer>

Это моя функция :

 play(myFile){
    console.log('play :', myFile);
      let path = this.file.dataDirectory   myFile.name;
      let url = path.replace(/^file:///,'');
      let video = this.myVideo.nativeElement;
      video.src = url;
      video.play();
  }

Это мой полный TS

Пожалуйста, помогите

Комментарии:

1. Не могли бы вы добавить свой код? Проблема либо в том, что вы не добавили #myvideo его в свой шаблон <video controls autoplay #myvideo> , либо в том, что вы пытаетесь получить доступ this.myVideo к перехвату жизненного цикла, где эта ссылка не готова.

2. извините, я изменил свой пост, спасибо

3. Пожалуйста, поделитесь полным TS-кодом вашего компонента.

4. извините, я уже добавил свою ссылку на pastebin

5. попробуйте изменить свой viewchiled на @ViewChild('myVideo', {static:false}) myVideo: any; или @ViewChild('myVideo', {static:false}) myVideo: nativeElement;