Electron关闭按钮无法正常工作。

Question

我正在尝试使用Electron（之前称为Atom Shell）创建一个应用程序。该应用程序包装了一个AngularJS应用程序，并与在nodejs中创建的端点进行交互以编辑和保存HTML内容。我能够毫无问题地创建该应用程序。

当我尝试从Electron访问“/saveContent”时，会导致关闭按钮（位于右上角的Windows关闭按钮）无响应，但最小化和最大化没有任何问题。如果我通过Electron访问其他端点，这个问题就不会出现。我已经尝试了同步文件写入以及其他方式。因此，我假设“/saveContent”在main.js中引起了此问题。

如果我在“Windows任务管理器”中结束node.exe，则整个应用程序将关闭。

下面是我的主进程代码

'use strict';
var fs = require("fs");
const util = require('util')

var cheerio = require("cheerio");

var express = require('express');
var exapp = express();

var bodyParser = require('body-parser');
var urlencodedParser = bodyParser.urlencoded({extended: false});
exapp.use(bodyParser.json());

const electron = require('electron');
const app = electron.app;  // Module to control application life.
const BrowserWindow = electron.BrowserWindow;  // Module to create native browser window.
const path = require('path')
const url = require('url')
var mainWindow = null;



app.on('ready', function() {
  mainWindow = new BrowserWindow({width: 1280, height: 900, title: "2018JL", "nodeIntegration":false});
  //mainWindow.loadURL(__dirname + '/app/index.html');
  mainWindow.loadURL('http://localhost:5001/');

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

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


exapp.get('/editPage', function(req,res){
    if(req){
    //console.log("req.query.editURL  "+ req.query.editURL);
        var url = req.query.editURL;
        var editURL = path.join(__dirname + '/app/views'+ url+".html");

        fs.exists(editURL, function(fileok){
            if(fileok){
            fs.readFile(editURL, 'utf8', function (err, data) {
               if (err) {
                    console.log("error.... "+ err);
                    return console.error(err);
               }
               //console.log("data "+ editURL);
               res.send(JSON.stringify({path:editURL, content:data}));
            });
            }else{
                console.log("file not found");
            }
        });
    }
});

exapp.post('/saveContent', function (req, res) {
    //console.log(util.inspect(req, false, null))
    if (req) {
        //console.log(req.query.url + " ------  " + req.query.content);

        var $ = cheerio.load(req.query.content);
        var htmlContent = $('body').children();

        console.log('htmlContent  '+htmlContent);

        fs.writeFile(req.query.url, htmlContent,  function(err) {
           if (err) {
               res.send("Error");
           }
           console.log("End of write file");
           res.send("success");
        });
    }
    console.log("End of function .....");
});

exapp.get('/test', function (req, res) {
    res.send("Test success ");
});


exapp.use(express.static(__dirname + '/app'));
exapp.listen(process.env.PORT || 5001);

以下是客户端代码：

$scope.editPage = function () {
            $http({method: "GET",
                url: "/editPage",
                params: {editURL: $location.path()}
            }).then(function success(response) {
                //var result = JSON.parse(response.data);
                //console.log("HTTP Success "+response.data.path);
                $scope.showEditor = true;
                $scope.editURL = response.data.path;
                tinymce.get('contentEditor').setContent(response.data.content);
            }, function error(response) {
                console.log("HTTP Error " + response.statusText);
            });
        };

在'/saveContent'中编写评论文件写入代码不会导致Electron关闭按钮失去响应。

- James Shaji

Answer 1

我将代码替换为以下内容，主窗口关闭正常工作

    mainWindow.on('close', function(e) { 
        e.preventDefault();
        mainWindow.destroy();
    });

https://github.com/electron/electron/blob/master/docs/api/browser-window.md#windestroy

- James Shaji

---

我遇到了类似的问题，即“X”图标无法关闭（或app.quit()）。然而，我的问题是在导航到某个页面后（使用Angular）出现的。这对我来说似乎解决了问题。但是，在访问此页面后，我的热重载仍然无法正常工作。 - jackofallcode