我正在构建chrome扩展程序,我想在我的background.js文件中使用节点模块here's a tutorial, if you want one。
我用以下命令安装了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);
});
}
运行扩展程序时,出现以下错误消息:
Error in response to tabs.query: TypeError: rgbaster__WEBPACK_IMPORTED_MODULE_0___default.a.colors is not a function
manifest.json中的我的权限:
"permissions": [
"tabs"
]
任何想法都会有所帮助,谢谢。