如何为 electronjs 构建反应文件

Question

我正在使用电子构建一个应用程序并做出反应。当我在 react 上运行构建并尝试使用电子文件时，我最终得到了

我使用了电子here的入门模板：

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

function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  win.loadFile('UI/index.html');
}

app.whenReady().then(createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow()
  }
})

有什么办法可以对这些文件进行电子排序，使得 HTML 文件不会在“/”目录中查找 js 文件？

Answer 1

我相信我们需要更多地了解您的项目（也许发布它的 github 存储库？）才能提供帮助。从您的图片看起来像是 webpack 错误。

我想推荐 secure-electron-template（免责声明：我是作者），它从一开始就内置了 Electron 的 React 支持。