电子打开多个窗口 package.json 调整

Question

这是我在package.json 文件中的脚本。出于某种原因，它打开了多个电子窗口。我该如何解决这个问题？

"startRender": "cross-env BROWSER=none npm run react-start",
"startElectron": "concurrently \"tsc ./electron/electron.ts -w\"  \"nodemon --exec 'wait-on http://localhost:3000 && electron electron/electron.js'\"",
"start": "concurrently \"npm run startElectron\"   \"npm run startRender\""

我的项目文件夹结构是这样的：

.
├── electron
│   ├── electron.js
│   ├── electron.ts
│   ├── ipcEvents.js
│   ├── ipcEvents.ts
│   ├── messageSender.ts
│   ├── socketEvents.js
│   ├── socketEvents.ts
│   ├── Utils.ts
│   ├── windowEvents.js
│   └── windowEvents.ts
├── node_modules
├── package.json
├── package-lock.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
├── src
│   ├── App.tsx
│   ├── index.css
│   ├── index.tsx
│   ├── react-app-env.d.ts
│   └── serviceWorker.ts
├── tsconfig.json

Answer 1

这就是我的脚本查找electron with typescript and react 的方式。最好将已编译的 .ts 文件放到单独的文件夹中。我将其命名为build。

"scripts": {
    "react-start": "react-scripts start",
    "compile-electron": "tsc --module commonjs --noEmit false",
    "start": "concurrently \"cross-env BROWSER=none npm run react-start\" \"wait-on http://localhost:3000  && npm run compile-electron && electron ./build/electron.js\""
},

这是 tsconfig.json 的样子：

"compilerOptions": {
    "module": "esnext",
    "esModuleInterop": true,
    "target": "es6",
    "pretty": true,
    "strict": true,
    "moduleResolution": "node",
    "sourceMap": true,
    "outDir": "build",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve"
  },
  "include": [
    "electron/**/*.ts"
  ]
}