為什么我不能設置 Jquery 的屬性並在 Electron 中得到一個未定義的答案

Question

我目前正在使用 javascript 開發電子應用程序，我想在我的電子應用程序中使用 JQuery，我已經添加了代碼，如ourcodeworld.com 上的教程所示。 我還安裝了 JQuery，執行以下NPM I Jquery --save我還添加了win.$ = win.jQuery = require('jquery'); 但是，對於我的代碼，我收到了一個can not set property 'Jquery' of undefined錯誤的can not set property 'Jquery' of undefined 。 我將如何消除這個錯誤？

  const electron = require('electron')
// Module to control application life.
const app = electron.app
// Module to create native browser window.
const BrowserWindow = electron.BrowserWindow
const windowStateKeeper = require('electron-window-state');
const Menu = electron.Menu;

let win;


app.on('ready', function() {
    win.$ = win.jQuery = require('jquery');
    win = new BrowserWindow({ width: 1000, height: 800,  resizable:false })
    win.loadURL('file://./slider.html')
    console.log();
    const menuTemplate = [
        {
            label: 'Quit',
            click: () => {
                app.quit();
            }
        }
    ];
    const menu = Menu.buildFromTemplate(menuTemplate);
    Menu.setApplicationMenu(menu);
});

Answer 1

您剛剛聲明了變量，但尚未初始化。 用一個object初始化它，然后你可以向它添加屬性。

 let win = {}; win.jQuery = 'Test';

Answer 2

我的電子應用程序面臨同樣的問題，

對我來說，它的工作方式如下。

 <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script> <script src="./../UIControllers/jquery.min.js"></script> <script src="./../UIControllers/jquery-ui.min.js"></script> <script>if (window.module) module = window.module;</script>