84 lines
2.4 KiB
Markdown
84 lines
2.4 KiB
Markdown
|
# Electron FAQ
|
||
|
|
|
||
|
|
## When will Electron upgrade to latest Chrome?
|
||
|
|
|
||
|
|
The Chrome version of Electron is usually bumped within one or two weeks after
|
||
|
|
a new stable Chrome version gets released.
|
||
|
|
|
||
|
|
Also we only use stable channel of Chrome, if an important fix is in beta or dev
|
||
|
|
channel, we will back-port it.
|
||
|
|
|
||
|
|
## When will Electron upgrade to latest Node.js?
|
||
|
|
|
||
|
|
When a new version of Node.js gets released, we usually wait for about a month
|
||
|
|
before upgrading the one in Electron. So we can avoid getting affected by bugs
|
||
|
|
introduced in new Node.js versions, which happens very often.
|
||
|
|
|
||
|
|
New features of Node.js are usually brought by V8 upgrades, since Electron is
|
||
|
|
using the V8 shipped by Chrome browser, the shiny new JavaScript feature of a
|
||
|
|
new Node.js version is usually already in Electron.
|
||
|
|
|
||
|
|
## My app's window/tray disappeared after a few minutes.
|
||
|
|
|
||
|
|
This happens when the variable which is used to store the window/tray gets
|
||
|
|
garbage collected.
|
||
|
|
|
||
|
|
It is recommended to have a reading of following articles you encountered this
|
||
|
|
problem:
|
||
|
|
|
||
|
|
* [Memory Management][memory-management]
|
||
|
|
* [Variable Scope][variable-scope]
|
||
|
|
|
||
|
|
If you want a quick fix, you can make the variables global by changing your
|
||
|
|
code from this:
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
app.on('ready', function() {
|
||
|
|
var tray = new Tray('/path/to/icon.png');
|
||
|
|
})
|
||
|
|
```
|
||
|
|
|
||
|
|
to this:
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
var tray = null;
|
||
|
|
app.on('ready', function() {
|
||
|
|
tray = new Tray('/path/to/icon.png');
|
||
|
|
})
|
||
|
|
```
|
||
|
|
|
||
|
|
## I can not use jQuery/RequireJS/Meteor/AngularJS in Electron.
|
||
|
|
|
||
|
|
Due to the Node.js integration of Electron, there are some extra symbols
|
||
|
|
inserted into DOM, like `module`, `exports`, `require`. This causes troubles for
|
||
|
|
some libraries since they want to insert the symbols with same names.
|
||
|
|
|
||
|
|
To solve this, you can turn off node integration in Electron:
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
// In the main process.
|
||
|
|
var mainWindow = new BrowserWindow({
|
||
|
|
webPreferences: {
|
||
|
|
nodeIntegration: false
|
||
|
|
}
|
||
|
|
});
|
||
|
|
```
|
||
|
|
|
||
|
|
But if you want to keep the abilities of using Node.js and Electron APIs, you
|
||
|
|
have to rename the symbols in the page before including other libraries:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<head>
|
||
|
|
<script>
|
||
|
|
window.nodeRequire = require;
|
||
|
|
delete window.require;
|
||
|
|
delete window.exports;
|
||
|
|
delete window.module;
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript" src="jquery.js"></script>
|
||
|
|
</head>
|
||
|
|
```
|
||
|
|
|
||
|
|
[memory-management]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management
|
||
|
|
[variable-scope]: https://msdn.microsoft.com/library/bzt2dkta(v=vs.94).aspx
|