1、环境
package.json(用于配置Electron工程信息),可通过npm init 初始生成
{
"name": "HelloWorld Electron",
"version": "1.0.0",
"main": "main.js"
}
View Codet
index.js(桌面应用的入口点)
// 应用的控制模块
const electron = require('electron');
const app = electron.app;
// 创建原生浏览器窗口的模块
const BrowserWindow = electron.BrowserWindow;
var mainWindow = null;
function createWindow(){
mainWindow = new BrowserWindow({ width: 800, height: 600 });
mainWindow.loadURL('file://' + __dirname + '/index.html');
}
app.on('ready',createWindow);
View Code
index.html(桌面应用的主窗口界面)
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>My First Electron App</title>
<body>
<h1>Hello World!</h1>
<h1>你好,世界!</h1>
</body>
</html>
View Code
执行:
#进入目录
electron -v
v1.4.13
您提供的示例代码对我而言适用于2.0.6。
我的猜测是,当使用调用测试用例时electron index.js
,您选择的是不带电子版本的旧版本,该版本已BrowserWindow.loadFile()
在2.0.0版中添加-请尝试electron -version
从命令行运行以查看所用的版本已安装。
如果事实证明这是问题所在,请查看electron-quick-start
其及其package.json
示例,以了解您的应用程序可以如何指定要使用的Electron版本。