Electron TypeScript Parcel 第二个 BrowserWindow答案

【问题标题】：Electron TypeScript Parcel second BrowserWindowElectron TypeScript Parcel 第二个 BrowserWindow
【发布时间】：2023-04-05 16:05:01
【问题描述】：

我正在创建第二个 BrowserWindow 并加载一个 html 文件。 HTML 文件指向一个 TypeScript 文件。因此，它给出了错误。如何告诉 parcel 将该文件转换为 js 并在主进程中加载 url？

// main.ts
const windows: BrowserWindow[] = []

ipcMain.on('something:start', (event: Event) => {
  const url = format({
    pathname: resolve('app/renderer/secondWindow.html'),
    protocol: 'file:',
    slashes: true
  })

  const window = new BrowserWindow({ width: 800, height: 600, show: true })
  window.loadURL(url)
  window.on('closed', () => {
    windows.splice(windows.findIndex(w => w === window), 1)
  })

  windows.push(window)
})

//secondWindow.html
<html>
  <head>
    <meta charset="UTF-8" />
    <title>LetLock - Encrypt process</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
  <script src="./someFunctions.ts"></script>
</html>


// package.json
  "scripts": {
    "start": "run-p -r parcel:launch electron:launch",
    "dist": "run-s parcel:build \"electron:build {@}\" --",
    "electron:launch": "run-s parcel:main electron:start",
    "electron:start": "electron .",
    "electron:build": "build --dir --x64 --publish=never",
    "parcel:launch": "parcel app/renderer/index.html --port 1124 --out-dir app/renderer/.parcel/development",
    "parcel:build": "run-s parcel:main parcel:renderer",
    "parcel:main": "parcel build app/main/main.ts --out-dir app/main/.parcel --out-file main --target electron",
    "parcel:renderer": "parcel build app/renderer/index.html --public-url ./ --out-dir app/renderer/.parcel/production",
    "test": "run-s parcel:build \"test:jest {@}\" --",
    "test:jest": "jest",
    "lint": "tslint app/**/*.ts{,x}"
  },

【问题讨论】：

您应该能够导入 (.html) 文件，并且导入的变量应该包含相对 url
html文件导入成功，html文件中有相关.ts文件的script标签；但是，它没有被 Parcel 转换为 js，因此我遇到了错误。如何确保 Parcel 转译并指向正确的 js 文件。

标签： typescript electron parceljs

【解决方案1】：

我希望在您尝试引用它并运行之前完成转换。因此参考转译的结果 - 即.js文件？

【讨论】：