（備忘録）Chrome拡張機能で「Cannot read property 'setBadgeText' of undefined」が出た時の対処法

Posted at 2016-12-18

Chromeの拡張機能が作りたくて、いろいろ触っていたのですが、１個詰まってしまったことが解決できたので一応残しておきます。

setBadgeTextは、拡張機能で表示されるここのバッジテキスト。

表示の仕方はとても簡単で、「manifest.json」に「background.js」へのアクセスを追加して、jsファイルを作成するだけ。

manifest.json

"background": {
     "scripts": ["background.js"]
}

background.js

chrome.browserAction.setBadgeText({"text":"100"}) // 100個表示

だが実行しても、エラー
そんなものは定義されていないと。。。

原因は「background.js」は、「browser_action」ありきで、「manifest.json」に下のようなコードを入れないといけなかった。

manifest.json

"browser_action": {
    "default_title": "hoge hoge hoge hoge"
}