我目前正在开发 Mozilla Firefox 插件。
我已经设置了一个面板并附加了一个内容脚本。我需要在内容脚本和 main.js 之间进行通信。我为此使用 addon-sdk 的端口 api。然而由于某种原因,我什至无法在两者之间传递简单的消息。
当我使用 cfx 测试我的插件时,我不断收到以下错误:“ReferenceError:require 未定义”
知道出了什么问题吗?
popup.js
var self = require("sdk/self");
self.port.on("dataToPopup", function (data) {
$("p.test").text(data);
});
第一行本身会引发错误。
main.js
var { ToggleButton } = require('sdk/ui/button/toggle');
var self = require("sdk/self");
var button = ToggleButton({
id: "my-button",
label: "my button",
icon: {
"16": "./images/tsfm16px.png"
},
onChange: handleChange
});
var panel = require("sdk/panel").Panel({
contentURL: self.data.url("html/popup.html"),
contentScriptFile: [self.data.url("scripts/jquery-1.9.1.min.js"), self.data.url("scripts/jquery-ui.js"), self.data.url("scripts/popup.js")],
onHide: handleHide
});
function handleChange(state) {
if (state.checked) {
panel.show({
position: button
});
console.log("panel opened");
}
}
function handleHide() {
button.state('window', {checked: false});
console.log("panel closed");
}
panel.on("show", function() {
panel.port.emit("dataToPopup", "flow");
console.log("data sent");
});
main.js 不会抛出相同的错误
以前有人经历过这个吗?