Manifest v3 Resources must be listed in the web_accessible_resources
google-chrome-extension
Solution
The `matches` key should specify where to expose these resources. You can use `<all_urls>` to expose them everywhere.
"web_accessible_resources": [{
"resources": ["images/copy.svg"],
"matches": ["<all_urls>"],
}],
Problem
I get this error even if "image/copy.svg" is properly declared in the manifest.json Denying load of chrome-extension://pofbdjeepddggbelfghnndllidnalpde/images/copy.svg. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. If I go to chrome-extension://pofbdjeepddggbelfghnndllidnalpde/images/copy.svg I can successfully see the loaded image. css/style.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.json ``` "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": [] }], ```