2、Electron Hello Word!
1、环境
package.json(用于配置Electron工程信息),可通过npm init 初始生成
{ "name": "HelloWorld Electron", "version": "1.0.0", "main": "main.js" }
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);
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>
执行:
#进入目录 electron .
electron -v
v1.4.13
您提供的示例代码对我而言适用于2.0.6。
我的猜测是,当使用调用测试用例时
electron index.js
,您选择的是不带电子版本的旧版本,该版本已BrowserWindow.loadFile()
在2.0.0版中添加-请尝试electron -version
从命令行运行以查看所用的版本已安装。如果事实证明这是问题所在,请查看
electron-quick-start
其及其package.json
示例,以了解您的应用程序可以如何指定要使用的Electron版本。