离子语音识别 - 运行时间错误对象（...）不是 hasPermission 的函数

Question

我正在尝试实现一个简单的语音识别服务（目前单独实现，最终将其添加到更大的应用程序中）。

我遇到了一个奇怪的运行时间错误，我无法在线或在文档中得到任何答案。

这是代码....

app.module.ts

import { SpeechRecognition } from '@ionic-native/speech-recognition/ngx';
.....
providers: [
StatusBar,
SplashScreen,
SpeechRecognition,
{provide: ErrorHandler, useClass: IonicErrorHandler}]

home.ts

import { SpeechRecognition } from '@ionic-native/speech-recognition/ngx';
import { AlertController } from 'ionic-angular';
......
constructor (private sr: SpeechRecognition, private alertCtrl: AlertController)
......
ngonInit() {
try {
      this.sr.hasPermission().then((permission: boolean) => {
        if(!permission) {
          this.sr.requestPermission().then(
            () => console.log("Granted"),
            () => console.log("Denied")
          );
        }
      });
    }
    catch(err) {
      let alert = this.alertCtrl.create({
        title: "x_x",
        message: "Opps! couldn't get permission!",
        buttons: [{
          text: "cancel",
          role: 'cancel',
          handler: () => {}
        }]
      });
      console.log(err);   //ERROR LOGGED
      alert.present();
    }
}

start() {
    try {
      this.sr.startListening().subscribe((matches: Array<string>) => {
        console.log(matches);
        this.msg= matches[0];
      });
    }
    catch(err) {
      let alert = this.alertCtrl.create({
        title: "x_x",
        message: "Opps! something is wrong!",
        buttons: [{
          text: "cancel",
          role: 'cancel',
          handler: () => {}
        }]
      });
      console.log(err);    // ERROR LOGGED if ngOnInit kept empty
      alert.present();
    }
  }

使用一个简单的 HTML 按钮调用 start() 并打印识别器匹配的任何内容。

以防万一这是一个兼容性问题，我正在使用

@ionic-native/speech-recognition": "^5.0.0"

cordova-plugin-speechrecognition": "1.2.0"

我得到的错误总是

TypeError: Object(...) is not a function at SpeechRecognition.hasPermission

不用说，如果我注释掉ngOnInit的内容，错误就会变成startListening() is not a function

P.S。这是我在 Whosebug 的第一个问题，希望我提供了有关该问题的足够信息。

谢谢。

Answer 1

果然是兼容性（版本）问题。

Ionic 3 will run speech-recognition up to: "^4.20.0"

/> ionic cordova plugin add cordova-plugin-speechrecognition@4.20.0
/> npm install --save @ionic-native/speech-recognition@4.20.0

import { SpeechRecognition } from '@ionic-native/speech-recognition';

Ionic 4 will run speech-recognition up-to: "^5.0.0" (latest at the time of writing)

/> ionic cordova plugin add cordova-plugin-speechrecognition
/> npm install @ionic-native/speech-recognition

import { SpeechRecognition } from '@ionic-native/speech-recognition/ngx';

P.S。您无法在浏览器上测试该功能。（因为这是一个 cordova 插件）。

感谢 "AJT_82" 在评论中指出这一点。

离子语音识别 - 运行时间错误对象（...）不是 hasPermission 的函数

Ionic Speech Recognition - run time error Object(...) is not a function at hasPermission

speech-recognition

cordova

typescript

ionic-framework

angular

离子语音识别 - 运行 时间错误对象（...）不是 hasPermission 的函数

Ionic Speech Recognition - run time error Object(...) is not a function at hasPermission

speech-recognition

cordova

typescript

ionic-framework

angular

离子语音识别 - 运行时间错误对象（...）不是 hasPermission 的函数