Ionic v3 Youtube Video Player Объект (...) не является функцией - PullRequest
1 голос
/ 11 июня 2019

Я пробую много ответов здесь, но безуспешно.Я использую Ionic v3, и я пытаюсь воспроизвести видео YouTube.Это мой код:

enter image description here

Ошибка в функции openVideo ():

Объект (...) не является функцией

На устройстве просто ничего не делать кнопкой.

config.xml

<preference name="YouTubeDataApiKey" value="xxxxxxxxxxxxxxxxxxxxxxxx" />

youtube.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, LoadingController } from 'ionic-angular';
import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player/ngx';
import { Http } from '@angular/http';

@IonicPage()
@Component({
  selector: 'page-youtube',
  templateUrl: 'youtube.html',
})
export class YoutubePage {

constructor(public loading: LoadingController, public http: Http, private youtube: YoutubeVideoPlayer, public navCtrl: NavController, public navParams: NavParams) {  

} 

openVideo(){ 
  this.youtube.openVideo('mX0Q2eTI250'); 
}

}

youtube.html

<ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Videos</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>  
  <button ion-button round icon-start color="danger" (click)="openVideo()">
  <ion-icon name="logo-youtube"></ion-icon>
  Open YouTube Video
  </button>
</ion-content>

app.module.ts

.
.
import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player/ngx';
.
.

@NgModule({
.
.
providers: [
  .
  .
  YoutubeVideoPlayer,
  .
  .

Версии:

Ionic Framework: 3.9.2
Ionic App Scripts: 3.1.0
Angular Core: 5.0.0
Angular Compiler CLI: 5.0.0
Node: 8.11.3
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) 
AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 
Safari/604.1

Я думаю, что это конфликт версий, но я не могу найти где.

1 Ответ

1 голос
/ 11 июня 2019

Я думаю, если это проект Ionic V3, ваш импорт немного отличается от v4

import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player';

Итак, без /ngx части; убедитесь, что вы правильно удалили / установили плагин и изменили импорт в модуле приложения

Документацию для этого плагина v3 можно найти здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...