Javascript 如何从electron中的渲染器进程调用preload.js中定义的函数

作为回答，建议使用

window.functionName

在

preload.js

文件中定义javascript函数并将其附加到

window

中，然后使用

window.functionName

在

preload.js

中从渲染器进程（包括在

renderer.js中）调用，或者直接作为html文件中的脚本调用：

window.myFunction = function(){
   //do something here that requires
   //ipcRenderer
} 

在
index.html
中：

<script>
   var myButton = document.getElementById("myButtonId")
   myButton.addEventListener('click', (e) => {
      window.myFunction();
});
</script>


var myButton=document.getElementById（“myButtonId”）
myButton.addEventListener（'单击'，（e）=>{
window.myFunction（）；
});

但是，当我这样做并单击按钮时，会收到错误消息
未捕获类型错误：window.myFunction不是函数
。
有人能解释一下为什么会抛出这个错误，以及如何定义函数吗