javascript - Chrome 扩展 : chrome. runtime.getURL 在 console.log 上正确获取 URL，但与 fetch 一起使用时不起作用

Question

我正在制作一个 chrome 扩展(内容脚本)，并且我有一个想要包含的 json 文件(并从主 js 文件中读取)。

在manifest.json文件中，我有

"web_accessible_resources": [{
    "resources": ["data/info.json"],
    "matches": ["<all_urls>"]
}]

在我的主 js 文件中，我有

const jsonUrl = chrome.runtime.getURL('data/info.json');
console.log(jsonUrl);
fetch(jsonUrl)

控制台按预期打印出路径 chrome-extension://<extension-UUID>/data/info.json

但是，在调用 fetch 时，出现错误

GET chrome-extension://invalid/ net::ERR_FAILED

我还收到 TypeError: Failed to fetch，但我相信这是因为上面列出的 URL 问题。

也尝试过 jQuery，但没有成功。

$.getJSON(jsonUrl), function(data) {
    console.log(data);
})

为什么我要传递无效的 chrome-extension url 来获取方法？

Answer 1

感谢@wOxxOm 发现了这个问题。

“web_accessible_resources”位于“content_scripts”内。