Ionic v3 Youtube 视频播放器对象（...）不是函数

Question

我在这里尝试了很多答案，但都没有成功。我正在使用 Ionic v3 并尝试播放 youtube 视频。这是我的代码：

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

我认为这是版本冲突，但我没有找到。

Answer 1

我认为如果它是 Ionic V3 项目，您的导入与 v4 略有不同

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

所以，没有 /ngx 部分；确保也正确 uninstall/install 插件并更改应用程序模块中的导入

可以找到此 v3 插件的文档 here

Ionic v3 Youtube 视频播放器对象（...）不是函数

Ionic v3 Youtube Video Player Object(...) is not a function

ionic-framework

ionic3

angular