Angular/Electron 未启动答案

【问题标题】：Angular / Electron not launchingAngular/Electron 未启动
【发布时间】：2020-12-06 13:52:28
【问题描述】：

我使用 angular-CLI 创建了一个 angular 10 项目。之后我安装了 Electron 并完成了以下操作：将 src/index.html 基础更改为本地安装的 Electron。但是在运行我的代码时，它显示有一些错误。

我该如何解决这个错误？

这是我的 main.js 文件

const { app, BrowserWindow } = require('electron')

let win;

function createWindow () {
  // Create the browser window.
  win = new BrowserWindow({
    width: 600, 
    height: 670,
    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()
  }
})

这是我的 package.json 文件

{
  "name": "angu",
  "version": "0.0.0",
  "main": "main.js",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "electron":"electron .",
    "electron-build": "ng build --prod && npm run electron ."
  },

这是我的 index.html 文件

  <base href="./">

【问题讨论】：

标签： angular deployment electron desktop-application

【解决方案1】：

过去两天我也陷入了这个问题。经过大量的搜索和了解电子。我修复了这个问题和那个问题之后的问题。

用于修复Please verify that the package.json has a valid "main" entery的问题

您需要使用main.js 文件的路径更新package.json 文件中的main。很可能会是

"main": "src/main.js",

当您要进行此更改时，请运行命令npm run electron-build。它将创建您的电子应用程序的构建，但不会在页面上显示任何内容，如果您看到控制台，您将在此处看到 1 错误Not allowed to load local resource: 。要解决此错误，您应该访问以下链接

Electron - Not allowed to load local resource

https://github.com/JacopoMangiavacchi/TFRecords/issues/1

【讨论】：