Electron报错：Cannot read property 'on' of undefined 问题排查求助

Hey there, let’s work through this frustrating TypeError you’re hitting in your Electron app. I’ve run into similar issues plenty of times, so here’s a step-by-step breakdown of what might be going wrong and how to fix it:

Your suspicion about the Electron path pointing to electron\dist\electron.exe being off is totally valid. Normally, when you install Electron via npm, the correct executable path is handled automatically by npm (either in your project’s node_modules/.bin folder or globally if you installed it that way). Directly targeting the dist folder can cause issues if you’re not using a custom unpacked build.

• If you’re using npm scripts to start your app, make sure your package.json has a start script like this:

  "scripts": {
    "start": "electron ."
  }
  

  This lets npm resolve the right Electron executable for your project’s dependencies automatically.
• If you’re launching manually, try running npx electron . from your project root instead of pointing directly to the dist folder. This ensures you’re using the version tied to your project’s package.json.

The "Cannot read property 'on' of undefined" error almost always boils down to your app object being undefined. Let’s make sure you’re importing Electron correctly:

• The proper way to access the app module is:

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

  Or if you’re using ES modules:

  import { app } from 'electron';
  

• Watch out for typos—electron is lowercase, not capitalized.
• Remember: the app module only exists in the main process. If you’re trying to use it in a renderer window (like a browser window’s JS file), you’ll get undefined every time.

Sometimes wonky installations cause this kind of error. Let’s reset your dependencies:

• Delete your node_modules folder and lock file:

  # On macOS/Linux:
  rm -rf node_modules package-lock.json
  # On Windows:
  rmdir /s /q node_modules && del package-lock.json
  

• Reinstall everything fresh:

  npm install
  

• If you installed Electron globally, try reinstalling it too:

  npm uninstall -g electron
  npm install -g electron
  

• Make sure you’re not accidentally overwriting the app variable later in your code. For example:

  // Oops—this overwrites the imported app module
  let app = someCustomFunction();
  app.on('ready', () => { ... }); // This will throw your error!
  

• Also, ensure your app.on('ready', ...) call comes after you’ve imported the app module—order matters here.

If none of these steps fix the issue, feel free to share a snippet of your main process code where you’re using app.on, and I can help dig deeper!

内容的提问来源于stack exchange，提问作者camelCaseCowboy