Update 2020: @karthick correctly pointed out that this is a bug that disables the plugins despite plugins: true. The Issue exists since 3.0.0 (September 18, 2018) and remains to be fixed today has finally been fixed in Version 9! Update your electron version to 9.X.X or higher with this command to enable the functionality: npm … Read more
Is it possible to use ipcRenderer without enabling nodeIntegration? It is possible, but fiddly. It can be done by using a preload script. If it is, how do I do it, and why would so many resources exclude this information? It is possible, using the preload script as indicated below. However, this is not considered … Read more
From the asar documentation (the use of npx here is to avoid to install the asar tool globally with npm install -g asar) Extract the whole archive: npx asar extract app.asar <destfolder> Extract a particular file: npx asar extract-file app.asar main.js
This may be a false negative. I am expecting test to be logged out onto the console when the application fires up, but it isn’t. The output location of console.log calls depends on where those calls were made: From the main thread: see the terminal that launched the app. From the renderer thread: see the … Read more
You must access the BrowserWindow object created by your main process and call the minimize, maximize, and close methods on that. You can access this using the remote module. Here is an example of binding all three buttons: const remote = require(‘electron’).remote; document.getElementById(“min-btn”).addEventListener(“click”, function (e) { var window = remote.getCurrentWindow(); window.minimize(); }); document.getElementById(“max-btn”).addEventListener(“click”, function (e) … Read more
Setting the icon property when creating the BrowserWindow only has an effect on Windows and Linux. To set the icon on OS X, you can use electron-packager and set the icon using the –icon switch. It will need to be in .icns format for OS X. There is an online icon converter which can create … Read more
you can use const remote = require(‘electron’).remote let w = remote.getCurrentWindow() w.close() to close your app. if you are using jQuery const remote = require(‘electron’).remote $(‘#close-btn’).on(‘click’, e => { remote.getCurrentWindow().close() }) if you are using Vue.js <template> <button @click=”close”><i class=”fa fa-cube” aria-hidden=”true”></i> Close application</button> </template> <script> const remote = require(‘electron’).remote export default{ data(){ return { … Read more
If you are targeting multiple platforms, I answered a similar question here. Basically app.getPath(name), app.setPath(name, path), and app.getAppPath() are very useful in saving files to the the right place regardless of the OS. You may also want to check out these Nodejs packages which help simplify saving files directly to the host machine… fs-jetpack graceful-fs … Read more
firstly, add react-router as a dependency `yarn add react-router` or `npm install react-router` import { useHistory } from ‘react-router’ const history = useHistory() /////then add this to the function that is called for re-rendering history.go(0) This causes your page to re-render automatically
The two pieces of code are equivalent but the first one is using the ES6 destructuring assignment to be shorter. Here is a quick example of how it works: const obj = { name: “Fred”, age: 42, id: 1 } //simple destructuring const { name } = obj; console.log(“name”, name); //assigning multiple variables at one … Read more