マニフェストv3リソースはweb_accessible_resourcesにリストされている必要があります質問する

マニフェストv3リソースはweb_accessible_resourcesにリストされている必要があります質問する

manifest.jsonで「image/copy.svg」が適切に宣言されていてもこのエラーが発生します

chrome-extension://pofbdjeepddggbelfghnndllidnalpde/images/copy.svg の読み込みを拒否しています。拡張機能外部のページで読み込むには、リソースが web_accessible_resources マニフェスト キーにリストされている必要があります。

chrome-extension://pofbdjeepddggbelfghnndllidnalpde/images/copy.svg にアクセスすると、読み込まれた画像を正常に確認できます。

css/スタイル.css

.copy-icon{
    content:url('chrome-extension://__MSG_@@extension_id__/images/copy.svg');
    height: 16px;
    width: auto;
    margin-right: 0px;
}

html

<button alt="Copy to clipboard" class="clipboard" data-clipboard-text="TEXT">
  <img class="copy-icon"></img>
</button> 

マニフェスト

    "manifest_version": 3,
    "content_scripts": [
    {
      "matches": ["https://*.example.com/*"], 
      "js": ["contents/results.js"],
      "css": ["css/style.css"],
      "run_at": "document_end"
    }
  ],
    "web_accessible_resources": [{
        "resources": ["images/copy.svg"],
        "matches": [],
       "extension_ids": []
      }], 

ベストアンサー1

キーmatchesは、これらのリソースを公開する場所を指定する必要があります。を使用して、どこにでも公開
できます。<all_urls>

"web_accessible_resources": [{
  "resources": ["images/copy.svg"],
  "matches": ["<all_urls>"],
}],

おすすめ記事