Я создаю расширение chrome и хочу использовать модуль узла rgbaster в моем файле background.js.
Я установил модуль rgbaster с
$npm install rgbaster
И используйте его в моем файле background.js, как в описании использования.В website.favicon хранится путь к изображению значка.
import rgbaster from 'rgbaster';
let website = {
domain: websiteInfo.domain,
favicon: websiteInfo.favicon,
};
rgbaster.colors(website.favicon, {
success: function(payload) {
// You now have the payload.
console.log(payload.dominant);
},
});
Информация о веб-сайте, включая значок, поступает из следующей функции:
export default function getTabInfo(callback) {
chrome.tabs.query({ active: true, lastFocusedWindow: true }, function(tabs) {
let url = tabs[0].url;
let rootDomain = extractRootDomain(url);
let favicon = tabs[0].favIconUrl;
let websiteInfo = {
domain: rootDomain,
favicon: favicon,
};
// return the websiteInfo object
callback(websiteInfo);
});
}
Когда я запускаю расширение Iполучите следующее сообщение об ошибке:
Error in response to tabs.query: TypeError: rgbaster__WEBPACK_IMPORTED_MODULE_0___default.a.colors is not a function
Мое разрешение в manifest.json:
"permissions": [
"tabs"
]
Любые идеи будут полезны, спасибо.