带有 Firefox 附加 SDK 的上下文菜单项上未显示图标答案

【问题标题】：Icon not showing on context menu item with Firefox Add-on SDK带有 Firefox 附加 SDK 的上下文菜单项上未显示图标
【发布时间】：2012-02-04 06:21:38
【问题描述】：

这是文件的结构：

├── data
│   ├── icon.png
│   ├── upload.js
│   └── upload.js~
├── doc
│   └── main.md
├── icon.png
├── lib
│   ├── icon.png
│   ├── main.js
│   └── main.js~
├── package.json
├── package.json.backup
├── README.md
├── share2.xpi
└── test
    └── test-main.js

这是main.js中的代码：

const contextMenu = require("context-menu");
const data = require("self").data;
exports.main = function(options,callbacks){
    var cm = require("context-menu").Item({
        label:"share it",
        contentScriptFile:data.url("upload.js"),
    image:data.url("icon.png")
    });
}

在上下文菜单中显示“共享它”，并执行 contentScriptFile，但不显示图像。我该如何解决这个问题？

【问题讨论】：

您不需要（或不应该）在lib/ 中需要icon.png。
对我来说，使用 addon-sdk-1.14 在 'data' 文件夹中使用 image:data.url("icon.png") 为 16x16 "icon.png" 工作，使用 addon-sdk-1.14

标签： contextmenu firefox-addon-sdk

【解决方案1】：

确保您使用的是足够版本的附加 SDK； 'image' 属性仅在 1.1 版中添加。如果您使用的是 1.0，则需要更新。否则，它应该可以工作。

【讨论】：

感谢您的帮助。我使用的是从 (addons.mozilla.org/en-US/developers/docs/sdk/1.3/dev-guide/… 下载的 1.3 版本无法使用
那么icon.png是否有效，大小合适等？通过cfx run 运行扩展程序时，控制台中是否会出现任何有趣的内容？
抱歉这么晚才回复。我试过 16px、19px 和 32px 都不起作用。"无法读取 chrome 清单文件 '/tmp/tmpWqbFWK.mozrunner/extensions/jid1-X2MazapyCOMMuA@jetpack/ chrome.manifest'."在控制台中
听起来像是某个地方的错误... package.json 可能无效吗？我建议你试试 Add-on SDK 邮件列表。
很抱歉这么晚才回复，我尝试了很多方法都无法解决问题，我改天解决。谢谢。

【解决方案2】：

我可能是错的，但从克里斯回答的 cmets 看来，问题似乎不在于图标，而在于您的上传脚本。可能是运行过程永远不会到达图像属性来添加它。

如果您完全删除 image 属性，您会得到同样的错误吗？

【讨论】：

【解决方案3】：

试试这个，它对我有用：

var self = require("sdk/self");
require("sdk/context-menu").Item({
  label: "Buscar lugar geográfico...",
  contentScript: 'self.on("click", self.postMessage);',
  onMessage: function () {
    doSearch();
  },
  image:self.data.url("logo.png")
});

【讨论】：