个人中心
gpt4 book ai didi

node.js - 多个文件: can't use same `global` 中的拆分 Electron 主过程

转载 作者：行者123 更新时间：2023-12-03 12:34:17 25 4
gpt4 key购买 nike

我需要一些有关主进程和渲染器进程的解释。尽管我理解了，但我现在对此表示怀疑(并且我还需要帮助调试主要过程...)

如果我了解this:
主要过程是主js文件中所有required的js文件，它们可以使用app，BrowserWindow，[...]等。
渲染器进程都是包含在带有<script>标记的html文件中的所有javascript吗？

我将主进程分为多个文件，global是否对所有这些文件都通用？我在main.js中定义了global.sharedThing = { ... }，但是当我尝试使用global.sharedThing.label = 'other Str'在另一个js文件中覆盖它时，出现了以下错误提示:

enter image description here

我的文件夹结构:

<root>
    └─ app
        ├─ [...]
        ├─ windows
        │    └─ tests
        │        ├─ index.js
        │        ├─ script.js
        │        └─ view.html
        └─ main.js

在哪里
  • main.js =应用程序入口点(electron .)
  • index.js = main.js必需，使用BrowserWindow和ipcMain管理窗口
  • script.js =用于index.html(在中)，处理一些JQuery并使用ipcRenderer和remote
  • view.html =窗口
    • 窗口中加载的html文件

    ./app/main.js 

    'use strict'

    const { app } = require('electron');

    const test = require('./windows/tests');

    console.log('test debug from main.js'); // don't appear anywhere

    global.sharedThing = {
      label: 'Shared from main.js'
    };

    function Init() {
      test.Create();
    }

    app.on('ready', Init);

    ./app/windows/tests/index.js 

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

    let win = null;

    // global.sharedThing.label = 'Shared updated from index.js'; // <== THROW ERROR IF UNCOMMENT

    function Create() {
        if(win) return win;

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

      win.loadFile(path.join(__dirname, '/view.html'));

      win.on('closed', () => {
        win = null;
      });
    }

    module.exports = {
        Create,
    }

    ./app/windows/tests/script.js 

    const { ipcRenderer } = require('electron');

    window.jQuery = window.$ = require('jquery');

    const sharedThing = require('electron').remote.getGlobal('sharedThing');

    $(document).ready(function() {
      $('#testBtn').on('click', onClick);
    })

    function onClick() {
      console.log('sharedThing', sharedThing); // works
    }


    ./app/windows/tests/view.html 

            <!-- hidden for brevity -->
        <script src="./script.js"></script>
      </head>
      <body>
        <button type="button" id="testBtn" value="Click me!">Yes!</button>
        <!-- hidden for brevity -->

    最佳答案

    您的main.js是逐行执行的，因此如果您查看它，则会在设置const test = require('./windows/tests');全局之前出现sharedThing。这意味着windows/tests/index.js中的所有代码都在此点执行，而global.sharedThing尚未分配值，因此当您尝试访问它时，它仍然是未定义的。

    要解决此问题，只需将global.sharedThing = ...声明移到依赖于它的文件的require语句之前。或者，将使用global.sharedThing的代码移动到您知道有效的create函数中。

    关于node.js - 多个文件: can't use same `global` 中的拆分 Electron 主过程，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59072194/

    25 4 0
    文章推荐： node.js - 状态未在render()组件中更新
    文章推荐： uml - DFD(数据流图)和事件图的区别
    文章推荐： iPad SDK : How to hook into done button of MPMoviePlayerViewController?
    文章推荐： node.js - 如何从Node.js中内置的VSCode运行js文件？
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com