electronでjqueryが使用できない

Question

electronで，nodeIntegration：falseのまま，preload.jsを利用してjqueryを使用したいのですが，うまくいきません．

試したこと

メインプロセスで，以下のように，preload.jsへのパスを書きました．

win = new BrowserWindow({
    webPreferences: {
        nodeIntegration: false,
        preload: path.join(__dirname, 'preload.js'),
    },
});

preload.jsで，以下のように記述し，jqueryをwindowオブジェクトに保存しました．
node_modulesは同じディレクトリに置いてあります．
実行時に，コンソールに'preload.js loaded'と表示されるため，preload.jsのロードは成功しているようです．

process.once('loaded', () => {
    console.log('preload.js loaded');
    global.jQuery = global.$ = require('jquery');
});

レンダラープロセスにて，$をこのように定義し，その下にjQueryのコードを記述しました．

const $ = window.jQuery;

$.getJSON(json_file, (data) => {
    //処理
});

しかし，実行したところ，以下のエラーが出ました．

Uncaught TypeError: Cannot read property 'getJSON' of undefined 

どのような原因が考えられるでしょうか．
是非ご教授ください．

Answer 1

contextBridgeで解決しました．