离子语音识别-运行时错误Object(...)不是hasPermission

时间:2019-02-07 18:00:00

标签: angular typescript cordova ionic-framework speech-recognition

我正在尝试实现一种简单的语音识别服务(暂时单独进行,最终将其添加到更大的应用中)。

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

这是代码。...

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(...)不是SpeechRecognition.hasPermission上的函数

不用说,如果我注释掉ngOnInit的内容,错误将变为startListening()不是函数。

P.S。这是我在StackOverFlow上遇到的第一个问题,希望我提供了有关该问题的足够信息。

谢谢。

1 个答案:

答案 0 :(得分:1)

正如预期的那样,这是一个兼容性(版本)问题。

  

Ionic 3将运行语音识别,直到:“ ^ 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将运行语音识别,直到:“ ^ 5.0.0”(在撰写本文时为最新)

/> 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”的原因。