カンマのエラーが出た

Question

実現したいこと

詠み込めるようにしたい

発生している問題・分からないこと

拡張機能が読み込めない

エラーメッセージ

Manifest is not valid JSON. Line: 8, column: 3, Trailing comma not allowed.

該当のソースコード

{
  "manifest_version": 3,
  "name": "Run script automatically",
  "description": "Runs a script on www.example.com automatically when user installs the extension",
  "version": "1.0",
  "icons": {
    "16": "16.png",
  },
  "content_scripts": [
    {
      "js": [
        ".js"
      ],
    }
  ]
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

わかんなかった

補足

1.js

window.onbeforeunload = function( event ) {
	event.returnValue = "このページを離れても大丈夫ですか？" ;
}

Comments

[melian]

"icons": {
"16": "16.png", <- 最後のカンマは不要です
},

"js": [
".js"
], <- ここのカンマも余分です

[otn]

> 試したこと・調べたこと
エラーメッセージに駄目な理由がストレートに書いてあるのですが、
「エラーメッセージを読む」という発想は無かったのでしょうか？

エラーメッセージが出た時に最初にやることはエラーメッセージを読むことです。

[kumoko3]

どこカンマかわかんなかった

[otn]

> どこカンマかわかんなかった
なるほど。Trailing が分からなかったのかと思って英和辞書を見てみると、確かに英和辞書の一般的な訳語だと分からなくても不思議ではありませんでした。

IT用語だと、「末尾の～」のような意味です。
辞書によってはIT用語での意味の例も載ってますね。

Answer 1

JSONの構文エラーがあります。エラーメッセージは、行8、列3でトレーリングカンマが許可されていないことを指摘しています。

{
  "manifest_version": 3,
  "name": "Run script automatically",
  "description": "Runs a script on www.example.com automatically when user installs the extension",
  "version": "1.0",
  "icons": {
    "16": "16.png"
  },
  "content_scripts": [
    {
      "js": [
        ".js"
      ]
    }
  ]
}

これでマニフェストが正しいJSON形式になり、拡張機能が読み込めるはずです。

Comments

[kumoko3]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。

Answer 2

7行目

    "16": "16.png",
↓↓↓
    "16": "16.png"

13行目

     ],
↓↓↓
     ]

各データの最後のデータの後ろにカンマをつけてはいけません
jsonは基本的にスタティックなデータですがプログラムから動的にjson系の専用関数で作成すれば上記のような凡ミスは減らせます

Comments

[kumoko3]

回答ありがとうございます。
ベストアンサーは別の方を選ばせていただきましたが、こちらの回答も非常に参考になりました。