import { app } from '@electron/remote'; in vue3 setup throws an error
bluelemonade opened this issue · 0 comments
bluelemonade commented
If got some error:
inside background.js
require('@electron/remote/main').initialize();
in the App.vue File
import fs from 'fs';
import pathModule from 'path'
import { app } from '@electron/remote';
import { onMounted, ref } from 'vue'; // onMounted,
export default {
name: "app",
setup() {
const path = ref(app.getAppPath());
console.log(path.value);
onMounted(() => {
try {
fs.writeFileSync('myfile.txt', 'the text to write in the file', 'utf-8');
} catch (e) {
alert('Failed to save the file !');
}
});
these are the errors, when I comment the path and app lines out I can write a file in my working directory. I think the problem is the import of the app.
runtime-core.esm-bundler.js:41 [Vue warn]: Unhandled error during execution of setup function
at <App>
warn @ runtime-core.esm-bundler.js:41
app.js:470 Uncaught Error: @electron/remote is disabled for this WebContents. Call require("@electron/remote/main").enable(webContents) to enable it.
at IpcMainImpl.eval (webpack:///./node_modules/@electron/remote/dist/src/main/server.js?:318:61)
at IpcMainImpl.emit (node:events:514:28)
at WebContents.<anonymous> (node:electron/js2c/browser_init:2:89402)
at WebContents.emit (node:events:514:28)