Chrome拡張機能のManifestファイルでエラー "Manifest: property 'icons' ignored, type array expected."

Question

表題の件のエラーが発生し問題が解決できません。

Manifest: property 'icons' ignored, type array expected.

現在、新しいタブを使ったChrome拡張機能を開発中なのですが、上記のManifestファイルでiconsを配列にしなさいとエラーが発生しているのですが解決方法がわかりません。
**発生状況なのですが、今まで作っていたプロジェクトのフロント部分をReact対応させるため、今まで使っていたManifestファイルを置き換えたときから始まりました。**Reactなしのプロジェクトではこのようなエラーは発生していません。エラーの発生の解決方法などヒントになるようなことを教えていただけると嬉しいです。

manifest.json

{
    "manifest_version": 2,
    "name": "□□□□□ 20190509_2",
    "version": "0.0.2",
    "chrome_url_overrides": {
      "newtab": "index.html"
    },
    "icons": {
        "16": "img/icons/icon16.png",
        "32": "img/icons/icon32.png",
        "128": "img/icons/icon128.png"
    },
    "background": {
        "page": "background.html"
    },
    "permissions": [ "storage", "activeTab", "tabs", "□□□□□" ],
    "web_accessible_resources": [ "login.html" ],
    "content_security_policy": "script-src 'self' '□□□□□' http://localhost:8097; object-src 'self'"
}

※試したこと以下のようにiconsの部分を書き換えた

 "icons": [
        {
            "src": "img/icons/icon16.png",
            "sizes": "16x16",
            "type": "image/png"
        },
        {
            "src": "img/icons/icon32.png",
            "sizes": "32x32",
            "type": "image/png"
        },
        {
            "src": "img/icons/icon128.png",
            "sizes": "128x128",
            "type": "image/png"
        }
    ],

よろしくお願いいたします。

Comments

[tetsunosuke]

回答でも追記依頼でもありませんが...

https://developers.chrome.com/extensions/manifest
https://developers.chrome.com/extensions/manifest/icons
こちらを見る限りあってそうですよね・・・

変更後も同じメッセージが出るのでしょうか？

[TosuTosu]

Reactなしの状態のプロジェクトでは発生せず、変更後、React適用中で発生した事象ですね。解決方法がわかりましたので詳しくはそちらをご確認ください。ご回答ありがとうございます。

[tetsunosuke]

承知しました！解決方法後ほど確認します！

ちなみに
> 変更後

と記載したのは、JSONを配列にしてみた場合の意味合いでした。

[TosuTosu]

なるほど、配列にした場合も内容は忘れましたがエラーとなりましたね。
エラーの内容を正しく把握できていなかったのが今回のミスでした。お騒がせいたしました！！
気にかけてくださり、ありがとうございます。

Answer 1

index.html の中に manifest.json を参照する記述がありました。
create-react-appで作成したindex.htmlの中にmanifest.jsonを参照する記述がありましたので、それがエラーの原因だったようです。エラーの認識をmanifest.jsonファイルの読み込みエラーだと勘違いしておりました。上記の記述はindex.htmlに不要ですので削除し、対応いたしました。

Comments

[tetsunosuke]

なるほど！それはさすがに把握できなかった。