node.js - 在 Electron 应用程序中将自定义模块导入 renderer.js

Question

我有一个自定义模块，它带有一些我想在 renderer.js 中使用的功能.我尝试了以下导入方式，但它不起作用(实际上，它导致 renderer.js 中的一些其他函数也无法执行。const supp = require('./supp.js')const supp = require('./supp')const supp = require('supp.js')const supp = require(path.join(__dirname, '/supp.js')import 'supp'supp.js与 renderer.js 位于同一文件夹级别和 main.js .如果有人可以建议？谢谢。
更新:以下是文件 supp.js 中的所有代码

const pinOneInGrp = (itemID, grpName, itemColor, grpColor) => {
  let item = document.getElementById(itemID);
  let grpItems = document.getElementsByClassName(grpName);
  for(var i = 0; i < grpItems.length;i++) {
    grpItems[i].style.background-color = grpColor
  }
  item.style.background-color = itemColor;
}

module.exports = {
  pinOneInGrp
}

如果上面的 import 或 require 行之一包含在 renderer.js 的顶部, renderer.js 中没有后续操作被执行。例如，有一个 ipc.send()和 ipc.on()在 import 之后立即采取行动/ require线。这两个不会从 main.js 发送(因此，接收回) .

Answer 1

您发布的代码包含一个错字。它抛出的错误(你很可能看不到)是 SyntaxError , 因为你不能减去 color (即 undefined )来自 grpItems[i].style.background然后分配给它。因此，您只需从

for (var i = 0; i < grpItems.length; i++) {
    grpItems[i].style.background-color = grpColor;
}

到

for (var i = 0; i < grpItems.length; i++) {
    grpItems[i].style.backgroundColor = grpColor;
}

(for 循环正下方的样式分配也是如此!)
请注意，在样式表中用连字符拼写的所有 CSS 属性都必须使用驼峰式，否则它们会表示减法，这会导致您的问题。此外，此行为在 Mozilla's Developer Network Web API reference 中进行了解释。 ，特别是在“设置样式”下。