首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

电子常见问题 | Electron FAQ

为什么我在安装Electron时遇到问题?

运行npm install electron时,有些用户偶尔会遇到安装错误。

在几乎所有情况下,这些错误都是网络问题的结果,而不是electronnpm包的实际问题。类似错误ELIFECYCLEEAI_AGAINECONNRESET,和ETIMEDOUT是这样的网络问题,所有的迹象。最好的解决方法是尝试切换网络,或者稍微等一会再尝试安装。

如果安装过程失败,您也可以直接electron/electron/releases下载Electron npm

Electron何时升级到最新的Chrome?

Chrome版本的Electron通常会在一个新的稳定Chrome版本发布后的一两周内出现。这一估算不能保证,取决于升级所涉及的工作量。

只使用Chrome的稳定频道。如果重要的修补程序在beta或dev通道中,我们会将其移回。

有关更多信息,请参阅安全性介绍。

Electron什么时候升级到最新的Node.js?

当新版本的Node.js发布时,我们通常会在升级Electron中的一个之前等待大约一个月的时间。所以我们可以避免受到新Node.js版本中引入的错误的影响,这经常发生。

Node.js的新功能通常由V8升级带来,因为Electron使用Chrome浏览器提供的V8,新的Node.js版本的闪亮新JavaScript特性通常已经在Electron中。

如何在网页之间共享数据?

要在网页(渲染器进程)之间共享数据,最简单的方法是使用浏览器中已有的HTML5 API。较好的选择是存储APIlocalStoragesessionStorage,和IndexedDB的

或者,您可以使用特定于Electron的IPC系统将对象存储在主进程中作为全局变量,然后通过模块的remote属性从渲染器访问它们electron

代码语言:javascript
复制
// In the main process.
global.sharedObject = {
  someProperty: 'default value'
}
代码语言:javascript
复制
// In page 1.
require('electron').remote.getGlobal('sharedObject').someProperty = 'new value'
代码语言:javascript
复制
// In page 2.
console.log(require('electron').remote.getGlobal('sharedObject').someProperty)

几分钟后,我的应用程序的窗口/托盘就消失了。

当用于存储窗口/托盘的变量被垃圾收集时,会发生这种情况。

如果遇到此问题,以下文章可能会有所帮助:

如果你想快速修复,你可以通过改变你的代码来使变量变成全局变量:

代码语言:javascript
复制
const {app, Tray} = require('electron')
app.on('ready', () => {
  const tray = new Tray('/path/to/icon.png')
  tray.setTitle('hello world')
})

对此:

代码语言:javascript
复制
const {app, Tray} = require('electron')
let tray = null
app.on('ready', () => {
  tray = new Tray('/path/to/icon.png')
  tray.setTitle('hello world')
})

我无法在Electron中使用jQuery / RequireJS / Meteor / AngularJS。

由于集成的Node.js Electron,也有插入像DOM一些额外的符号moduleexportsrequire。这导致一些库的问题,因为他们想要插入具有相同名称的符号。

要解决这个问题,可以关闭Electron中的节点集成:

代码语言:javascript
复制
// In the main process.
const {BrowserWindow} = require('electron')
let win = new BrowserWindow({
  webPreferences: {
    nodeIntegration: false
  }
})
win.show()

但是,如果您想保留使用Node.js和Electron API的功能,则必须在包含其他库之前重命名页面中的符号:

代码语言:javascript
复制
<head>
<script>
window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;
</script>
<script type="text/javascript" src="jquery.js"></script>
</head>

require('electron').xxx 未定义。

当使用Electron的内置模块时,您可能会遇到如下错误:

代码语言:javascript
复制
> require('electron').webFrame.setZoomFactor(1.0)
Uncaught TypeError: Cannot read property 'setZoomLevel' of undefined

这是因为你有本地或全局安装的npm electron模块,这会覆盖Electron的内置模块。

要验证您是否使用了正确的内置模块,可以打印electron模块的路径:

代码语言:javascript
复制
console.log(require.resolve('electron'))

然后检查它是否在以下形式:

代码语言:javascript
复制
"/path/to/Electron.app/Contents/Resources/atom.asar/renderer/api/lib/exports/electron.js"

如果它是类似的node_modules/electron/index.js,那么你必须删除npm electron模块,或者重新命名它。

代码语言:javascript
复制
npm uninstall electron
npm uninstall -g electron

但是,如果您正在使用内置模块但仍然出现此错误,则很可能是您在错误的过程中使用了该模块。例如electron.app只能在主进程中使用,而electron.webFrame只能在渲染进程中使用。

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com