0

我在Electron中启动一个应用程序，但是假设我分两部分进行，一部分Electron，配置还可以，除了另一部分我在其他文件中使用ReactJS，相对准备好，缺少调整。我的问题如下，我如何在 Electron 中实现我在 ReactJS 中所做的这一部分？（我的英语不好，由谷歌翻译器翻译，对不起）。

我将无法显示代码，因为它会很复杂，但为了使其更容易，我将放置一些文件夹的打印件。

第一张图。这是 Electron 所在的文件夹，主文件是main.js我设置 Electron 的位置，htlms 说这与这样的疑问无关。并且package.json将在另一张印刷品上打印。

第二张图。我必须安装，React但由于我不知道该怎么做，所以我没有继续。

第三张图。那是 React 的“公众”，谁会说它也与这样的问题无关。

第四张图。这就是 React 部分起作用的地方。在 App.js 中，特别是在渲染中，它将是另一个 Electron browserWindow。这index.js将是“主要”，我将打印。我registerServiceWorking.js会说我不太清楚它的用途。

第五张图。正如我所说，这是导入东西的索引（不知道这种情况的正确术语）。

我不得不把它作为一个代码，因为它是窃听

First: [prntscr.com/js21oa][1]
Second: [prntscr.com/js22kh][1]
Third: [prntscr.com/js22yx][1]
Fourth: [prntscr.com/js23a3][1]
Fifth: [prntscr.com/js24nb][1]

为了清楚起见，我是此类问题和 StackOverflow 的新手，很抱歉，如果格式错误且图像，我只能通过外部站点获得。如果有人要我澄清一些我没有说清楚的事情，就说我会澄清。如果您还没有理解其他内容，我深表歉意。我希望你已经明白了。提前致谢。

4

1 回答 1

0

我猜你已经创建了一个反应应用程序，你想用电子使它成为一个桌面应用程序。我没有足够的声誉发表评论来澄清事情。我将向您展示我在 react electron 桌面应用程序中所做的示例代码，希望对您有所帮助。我假设您已经安装了电子和所有其他需要的软件包。

main.js

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

let mainWindow

function createWindow () {
  // Create the browser window.
  mainWindow = new BrowserWindow({width: 800, height: 600})

  // and load the index.html of the app.
  mainWindow.loadFile('index.html')


  mainWindow.on('closed', function () {
    mainWindow = null
  })
}

app.on('ready', createWindow)

// Quit when all windows are closed.
app.on('window-all-closed', function () {

  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow()
  }
})

在 index.html 中，我的位于根文件夹中

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">

    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

    <title>React App</title>
  </head>
  <body class="fix-header card-no-border">
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
      <div id="root"></div>
      <script type="text/javascript" src="build/static/js/main.7f2e4ee8.js"></script>
  </body>
</html>
于 2018-06-07T13:54:21.953 回答