電子ジャバスクリプトで未定義のプロパティ 'on'を読み取ることができません

Question

このコードを実行しようとしていますが、このエラーメッセージが表示されるたびに実行します。まず、npmをグローバルにインストールしました。それから、アプリ内にインストールしましたが、同じエラーが表示されます。

Uncaught TypeError: Cannot read property 'on' of undefined at Object. (H:\electric\main.js:12:4) at Object. (H:\electric\main.js:63:3) at Module._compile (module.js:571:32) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module._load (module.js:439:3) at Module.require (module.js:498:17) at require (internal/module.js:20:19) at file:///H:/electric/views/login.html:2:3

const electron = require('electron'); 
const {Menu} = require('electron'); 
const {app} = require('electron'); 
const {BrowserWindow} = require('electron'); 
const conn = require('mysql'); 
const path = require('path'); 
const url = require('url'); 

// const app = electron.app; 
// const BrowserWindow = electron.BrowserWindow; 
var mainWindow = null; 
app.on('ready', function() { 
    mainWindow = new BrowserWindow({ width: 1024, height: 768, backgroundcolor: '#2e2c29' }); 
    mainWindow.loadURL(url.format({ 
     pathname: 'popupcheck.html', 
     protocol: 'file:', 
     slashes: true 
    }));enter code here 
    mainWindow.webContents.openDevTools(); 
    mainWindow.setProgressBar(1); 
});`][1] 

Answer 1

あなたはまだインストールしていない場合は、この古いパッケージを削除して、このいずれかをインストールしてください：

git clone https://github.com/electron/electron-quick-start 
cd electron-quick-start 
npm install 
npm start 

あなたは同じエラーを得たならば、自分自身を修正すればよい：

const electron = require('electron'); 
const app = require('app'); 
const BrowserWindow = require('browser-window') 

Answer 2

明らかに、appは定義されていません。意味：

const {app} = require('electron'); 

要求された要件が見つかりません。適切なフォルダに電子をインストールしたことはありますか？プロジェクトまたはモジュールのルートで

ラン：

npm list --depth=0 

あなたノードパッケージのリストを取得します。

電子はありますか？そうでない場合：

npm install electron (with or without an optional flag --save) 

from project root folder。

flagを使用すると、requirementsはpackage.jsonに保存され、npm installが使用されると、electronはnode_modulesフォルダにローカルにインストールされます。

また、（同じことが、すべてのNPMモジュールで行うことができます - 結果が品質カントーに異なる私の）電子のNPMのドキュメントを見てみることができます： npm - electron