如何使用babel构建窗户电子可执行程序

Question

我可以构建使用电子-Trace-warnings -r @babel/register。

实际上， /code>命令是成功的 但是我执行了这一点，它发生了错误。

A JavaScript eror occured in the main process

C:\dev\electron\SomeDirectoryPath123123\index.js:1
import {app, BrowserWindow} from "electron";
^^^^^^^^

SyntaxError: Cannot use import statement  outside a module
    at Object.compileFuntion (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1039:15)
...etc...

请帮助我..

.babelrc

{
    "presets": ["@babel/preset-env"]
}

package.json

{
  "name": "test app",
  "version": "1.0.0",
  "description": "helpp me",
  "main": "index.js",
  "scripts": {
    "manual-run": "electron --trace-warnings -r @babel/register .",
    "build-package": "electron-builder --windows nsis:ia32"
  },
  "author": "nother",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.17.10",
    "@babel/core": "^7.18.5",
    "@babel/node": "^7.18.5",
    "@babel/preset-env": "^7.18.2",
    "@babel/register": "^7.17.7",
    "electron": "^19.0.4",
    "electron-builder": "^23.0.3"
  },
  "dependencies": {
    "@babel/cli": "^7.17.10",
    "@babel/core": "^7.18.5",
    "@babel/node": "^7.18.5",
    "@babel/preset-env": "^7.18.2",
    "@babel/register": "^7.17.7",
    "elasticsearch": "^16.7.3",
    "express": "^4.18.1",
    "mongodb": "^4.7.0",
    "node-fetch": "^2.6.7",
    "sqlite3": "^5.0.8"
  },
  "build": {
    "appId": "test-electron-app",
    "productName": "hello!",
    "buildDependenciesFromSource": false,
    "asar": true,
    "files": [
      "dist/**/*",
      "package.json",
      "index.js"
    ],
    "win": {
      "target": "nsis"
    },
    "nsis": {
      "oneClick": false
    },
    "directories": {
      "buildResources": "./build/",
      "output": "./distout/"
    }
  }
}