Angular2/TypeScriptでBrowserAPIのnewをしたいのですが

Question

Angular2/TypeScriptにて、Speech APIをnewしたいのですが、シンタックスエラーになってしまいますが、こちらはどのように書くと良いのでしょうか？

...

    ngOnInit(){
        this.foo      = new SpeechSynthesisUtterance();
    }

...

error TS2304: Cannot find name 'SpeechSynthesisUtterance'.

すみませんが、どなたかご教授頂けませんでしょうか。
よろしくお願いいたしますｍｍ

Answer 1

hamamotoさんよりご回答頂いたとおり下記のように設定しました。

原因
あらためて原因としては、TypeScriptでSpeech Apiの型をTypeScriptに追加しないと使えない事が原因でした。

解決策
http://qiita.com/literalice/items/d83249a5646abcb0bec6
上記を参考に、型定義を管理する「typings」を導入します

npm install -g typings

typingsを使いwebspeechapiをインストールします

typings install webspeechapi --save --ambient

これで、今回の件が解決されます。
具体的には、typings.jsonにwebspeechapiが追加され、typings/main/ambintに、webspeechapi/index.d.tsが作られ、TypeScriptの型が追加されます

ありがとうございました！

Comments

[退会済みユーザー]

解決につながって良かったです！

Answer 2

angular2のd.tsファイルが用意されていないか、または、 new SpeechSynthesisUtterance()を実行しているファイルから、そのd.tsファイルに /// <reference path="xxxxxxxx.d.ts" />のようにリンクしていないかのどちらかではないでしょうか？