Chrome扩展:Chrome .runtime. geturl在console.log上正确获取URL，但在与fetc

Question

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

在清单中。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扩展url来获取方法?

Answer 1

感谢@wOxxOm发现这个问题。

"web_accessible_resources">