问题:在使用Electron进行开发时，当你尝试使用任何需要jQuery的JS插件时，插件都找不到jQuery，即使你使用脚本标签加载在正确的路径中。
例如,
<body>
<p id="click-me">Click me!</p>
...
<script src="node_modules/jquery/dist/jquery.min.js"></script> //jQuery should be loaded now
<script>$("#click-me").click(() => {alert("Clicked")});</script>
</body>
运行上面的代码是行不通的。实际上，打开DevTools，转到Console视图，然后单击<p>元素。你应该看到函数$没有定义或者类似的效果。
当前回答
我想我理解你的挣扎，只是解决方法有点不同。我使用脚本加载器为我的js文件，其中包括jquery。脚本加载器需要你的js文件，并将其附加到你的vendor.js文件的顶部，它为我做了魔法。
https://www.npmjs.com/package/script-loader
安装脚本加载程序后，将其添加到引导或应用程序文件中。
进口“脚本!路径/ your-file.js”;
其他回答
一个漂亮干净的解决方案
使用npm安装jQuery。(npm安装jquery——保存) 使用它:<script> let $ = require("jquery") </script>
你可以把node-integration: false放在BrowserWindow的选项里面。
例如:window = new BrowserWindow({'node-integration': false});
如果你使用的是Angular2，你可以用下面的代码创建一个新的js文件:
// jquery-electron.js
if ((!window.jQuery || !window.$) && (!!module && !!module.exports)) {
window.jQuery = window.$ = module.exports;
}
然后把它放在。angular-cli.json的jquery路径后面:
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"assets/js/jquery-electron.js",
...
...
]
这对我很有用。
<script languange="JavaScript">
if (typeof module === 'object') {window.module = module; module = undefined;}
</script>
需要考虑的事情:
1)把这个放在</head>之前
2)在</body>标签前包含Jquery.min.js或Jquery.js
<script>
delete window.module;
</script>
在jquery导入之前，你就可以开始了。更多信息请点击这里。
