Electron：将 jquery 添加到 preload.ts

Question

构建一个 electron 应用程序并尝试添加 jquery 以预加载以使用 typescript 访问 dom 元素

// preload.ts
// All of the Node.js APIs are available in the preload process.
// It has the same sandbox as a Chrome extension.
declare global {
  interface Window {
    $: JQueryStatic
  }
}

import * as $ from "jquery"

window.$ = $

$(function(){
  console.log('test')
})

启动应用程序后，我收到此错误：

Unable to load preload script: C:\Users\user\Documents\Projects\electron-quick-start-typescript\dist\preload.js
(anonymous) @ node:electron/js2c/renderer_init:73
node:electron/js2c/renderer_init:73 TypeError: Cannot read properties of undefined (reading 'createElement')
    at assert (C:\Users\user\Documents\Projects\electron-quick-start-typescript\node_modules\jquery\dist\jquery.js:937:20)
    at C:\Users\user\Documents\Projects\electron-quick-start-typescript\node_modules\jquery\dist\jquery.js:2926:24
    at C:\Users\user\Documents\Projects\electron-quick-start-typescript\node_modules\jquery\dist\jquery.js:2978:4
    at C:\Users\user\Documents\Projects\electron-quick-start-typescript\node_modules\jquery\dist\jquery.js:28:4
    at Object.<anonymous> (C:\Users\user\Documents\Projects\electron-quick-start-typescript\node_modules\jquery\dist\jquery.js:40:4)
    at Object.<anonymous> (C:\Users\user\Documents\Projects\electron-quick-start-typescript\node_modules\jquery\dist\jquery.js:10883:3)
    at Module._compile (node:internal/modules/cjs/loader:1120:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1175:10)
    at Module.load (node:internal/modules/cjs/loader:988:32)
    at Module._load (node:internal/modules/cjs/loader:829:12)