Не удается найти модуль 'электрон'

Ответ 1

существует несколько способов разрешения импорта электронных модулей относительно Изменения API, входящие в состав Electron 1.0.

Обратите внимание, что это обычно происходит с помощью пакета, например webpack, который переопределяет функцию require.

Использовать свойство Webpack target

Если вы используете последнюю версию Webpack в качестве связующего, добавив

target: 'electron-renderer'

в вашу конфигурацию вы должны использовать:

import 'electron' from electron;

Объявить electron вне вашей сборки

<!-- electron declaration -->
<script>
    const electron = require('electron');
</script>

<!-- your app build -->
<script src="dist/bundle.js"></script>

Таким образом, я могу получить доступ к electron из любого места.

Используйте window.require

Электрон расширил объект window, чтобы вы могли использовать:

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

Использовать старый способ (все еще поддерживается)

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

Ответ 2

Запустите эту команду

npm install --save-dev electronic

для более подробной информации нажмите здесь

Ответ 3

Я получил эту ошибку, когда забыл добавить "main": "./main.js", в package.json где-то перед скриптами. Для полной настройки следуйте этому замечательному учебнику

Edit:

Вот итог этой ссылки:

Установить электрон

npm install electron --save-dev

Обновить index.html

Сгенерированная корневая страница в Angular указывает базовый href на /- это вызовет проблемы с Electron позже, поэтому давайте обновим его сейчас. Просто добавьте период перед косой чертой в src/index.html.

<base href="./">

Настроить электрон

Создайте новый файл с именем main.js в корне вашего проекта (на том же уровне, что и package.json) - это бэкенд электронного узла NodeJS. Это точка входа для Electron и определяет, как наше настольное приложение будет реагировать на различные события, выполняемые с помощью настольной операционной системы.

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()
  }
})

Добавьте main.js и пользовательские сценарии в package.json. Ваш package.json должен выглядеть примерно так:

{
  "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
}

Запустите команду для создания и запуска электрона

npm run electron-build