Javascript 引用错误：未在编译/复制时定义文档

我正在尝试制作一个electron应用程序，但在主进程中出现了Javascript错误。基本上，我是在npm启动后出现这个错误的：

ReferenceError:编译时未定义文档 （/Users/ege/Desktop/electron/main.js:23:13）at对象。 （/Users/ege/Desktop/electron/main.js:35:1）at对象。 （/Users/ege/Desktop/electron/main.js:37:3）在模块中 （module.js:571:32）位于Object.module._extensions..js（module.js:580:10） 在Module.load处（Module.js:488:32）在tryModuleLoad处（Module.js:447:12） 在Function.Module.\u加载（Module.js:439:3）在loadApplicationPackage （/Users/ege/Desktop/electron/node_modules/electron/dist/electron.app/Contents/Resources/default_app.asar/main.js:283:12） 反对。 （/Users/ege/Desktop/electron/node_modules/electron/dist/electron.app/Contents/Resources/default_app.asar/main.js:325:5）

下面是main.js：

const electron = require('electron');
const app = electron.app;
const path = require('path');
const url = require('url');

const BrowserWindow = electron.BrowserWindow;
var mainWindow;

app.on('ready',function(){

mainWindow = new BrowserWindow({width:1024 , height: 768 , backgroundColor:'#2e2c29'});
  mainWindow.loadURL(url.format({
    pathname:path.join(__dirname,'index.html'),
    protocol:'file:',
    slashes:true

}));

});

function compile() {

    var html = document.getElementById("html");
    var css = document.getElementById("css");
    var js = document.getElementById("js");
    var code = document.getElementById("code").contentWindow.document;

     document.body.onkeyup = function(){
        code.open();
        code.writeln(html.value+"<style>"+css.value+"</style>"+"<script>" + js.value + "</script>");
        code.close();
      };
    };


compile();

const electron=require（'electron'）；
const app=electron.app；
const path=require（'path'）；
const url=require（'url'）；
const BrowserWindow=electron.BrowserWindow；
var主窗口；
app.on（'ready'，function（）{
mainWindow=新浏览器窗口（{宽度：1024，高度：768，背景色：'#2e2c29'}）；
mainWindow.loadURL（url.format({
路径名：path.join（uu dirname，'index.html'），
协议：'file:'，
斜杠：对
}));
});
函数编译（）{
var html=document.getElementById（“html”）；
var css=document.getElementById（“css”）；
var js=document.getElementById（“js”）；
var代码=document.getElementById（“代码”）.contentWindow.document；
document.body.onkeyup=函数（）{
code.open（）；
code.writeln（html.value+++css.value+++++js.value++）；
code.close（）；
};
};
编译（）；

花了2分钟才发现我很愚蠢。我创建了另一个名为app.js的js文件添加：

function compile() {

    var html = document.getElementById("html");
    var css = document.getElementById("css");
    var js = document.getElementById("js");
    var code = document.getElementById("code").contentWindow.document;

     document.body.onkeyup = function(){
        code.open();
        code.writeln(html.value+"<style>"+css.value+"</style>"+"<script>" + js.value + "</script>");
        code.close();
      };
    };


compile();

函数编译（）{
var html=document.getElementById（“html”）；
var css=document.getElementById（“css”）；
var js=document.getElementById（“js”）；
var代码=document.getElementById（“代码”）.contentWindow.document；
document.body.onkeyup=函数（）{
code.open（）；
code.writeln（html.value+++css.value+++++js.value++）；
code.close（）；
};
};
编译（）；

---

在那里。问题已解决。

但如何调用app.js文件以及在何处调用，因为我遇到了相同的问题。。。窗口未定义，文档未定义，所有这些。。。