Electronのレンダラープロセスからプリロードに定義された変数を呼び出したいです。
Electronのバージョンはv19.0.4です。
公式ページのチュートリアルにしたがって以下のコードを作成しました。
しかしundefined
が表示されてしまいます。
どこに原因があるのでしょうか?
- main.js
const { app, BrowserWindow, ipcMain } = require("electron");
const path = require("path");
let mainWindow;
const createWindow = () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
useContentSize: true,
webPreferences: {
nodeIntegration: false,
contextIsolation: true,
preload: path.join(__dirname, "preload.js"),
},
});
mainWindow.loadFile("index.html");
mainWindow.webContents.openDevTools();
mainWindow.on("closed", () => {
mainWindow = null;
});
};
- preload.js
const { contextBridge } = require('electron')
contextBridge.exposeInMainWorld('myAPI', {
desktop: true
})
- index.html
...
<script src="./renderer.js"></script>
...
- renderer.js
console.log(window.myAPI)