chrome扩展错误回复到tabs.query

时间:2018-10-10 19:51:00

标签: javascript webpack google-chrome-extension node-modules

我正在构建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"
  ]

任何想法都会有所帮助,谢谢。

0 个答案:

没有答案