Impossible de trouver le module 'electron'

il ya quelques façons de résoudre les électrons des modules d'importation relatives à API Changements à Venir dans l'électronique 1.0.

Veuillez noter cela se produit généralement avec bundler comme webpack qui remplacent les require fonction.

Faire usage de Webpack est target propriété

Si vous utilisez une version récente de Webpack comme un système de regroupement, en ajoutant

target: 'electron-renderer'

à votre config devrait vous permettre de les utiliser:

import 'electron' from electron;

Déclarer electron à l'extérieur de votre construction

<!-- electron declaration -->
<script>
const electron = require('electron');
</script>
<!-- your app build -->
<script src="dist/bundle.js"></script>

De cette façon, je peux accéder à electron à partir de n'importe où.

Utiliser le window.require

Électron étendu le window objet, de sorte que vous pouvez utiliser:

const electron = window.require('electron');

Utiliser l'ancienne méthode (encore pris en charge)

var remote = require('remote');
var app    = remote.app; //to import the app module, for example

J'ai eu cette erreur quand j'ai oublié d'ajouter "main": "./main.js", à package.json quelque part avant de scripts.
Pour terminer l'installation de suivre ce grand tutoriel

Edit:

Voici un résumé de ce lien:

Installer Électron

npm install electron --save-dev

Mise à jour index.html

Générés page racine dans Angulaire des points de la base href /- ce qui va provoquer des problèmes avec les Électrons plus tard, nous allons donc mettre à jour maintenant. Il suffit d'ajouter une période à l'avant de la barre oblique dans src/index.html.

<base href="./">

Configurer Électron

Créer un nouveau fichier nommé main.js à la racine de votre projet (au même niveau que package.json) - c'est l'Électron NodeJS backend. C'est le point d'entrée pour les Électrons et définit la façon dont notre application de bureau va réagir à différents événements effectuées via le système d'exploitation de bureau.

const { app, BrowserWindow } = require('electron')
let win;
function createWindow () {
//Create the browser window.
win = new BrowserWindow({
width: 600, 
height: 600,
backgroundColor: '#ffffff',
icon: `file://${__dirname}/dist/assets/logo.png`
})
win.loadURL(`file://${__dirname}/dist/index.html`)
////uncomment below to open the DevTools.
//win.webContents.openDevTools()
//Event when the window is closed.
win.on('closed', function () {
win = null
})
}
//Create window on electron intialization
app.on('ready', createWindow)
//Quit when all windows are closed.
app.on('window-all-closed', function () {
//On macOS specific close process
if (process.platform !== 'darwin') {
app.quit()
}
})
app.on('activate', function () {
//macOS specific close process
if (win === null) {
createWindow()
}
})

Ajouter main.js et des scripts personnalisés pour package.json.
Votre package.json devrait ressembler à quelque chose comme ceci:

{
"name": "angular-electron",
"version": "0.0.0",
"license": "MIT",
"main": "main.js", //<-- update here
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"electron": "electron .", //<-- run electron 
"electron-build": "ng build --prod && electron ." //<-- build app, then run electron 
},
//...omitted
}

Exécutez la commande de construire et de lancer des électrons

npm run electron-build