我正在尝试创建一个电子应用,但主进程中出现Javascript错误。基本上我在npm start
之后得到了这个错误:
ReferenceError:在编译时未定义文档 (/susers/ege/Desktop/electron/main.js:23:13)在Object。 (/Users/ege/Desktop/electron/main.js:35:1)在Object。 (/用户/ege/Desktop/electron/main.js:37:3)在Module._compile (module.js:571:32)在Object.Module._extensions..js(module.js:580:10) 在Module.load(module.js:488:32)的tryModuleLoad(module.js:447:12) 在loadApplicationPackage的Function.Module._load(module.js:439:3) (/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();
答案 0 :(得分:1)
花了2分钟才发现我很蠢。我创建了另一个名为app.js的js文件add add:
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();
那里。问题解决了。