问题:在使用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>元素。你应该看到函数$没有定义或者类似的效果。
当前回答
电子常见问题解答:
http://electron.atom.io/docs/faq/
我不能使用jQuery/RequireJS/Meteor/AngularJS在电子。 由于Electron的Node.js集成，有一些额外的 插入DOM的符号，如module, exports, require。这 属性会导致一些库出现问题，因为它们想插入 名称相同的符号。 要解决这个问题，你可以在Electron中关闭节点集成: //在主进程中。
let win = new BrowserWindow({
webPreferences: {
nodeIntegration: false } });
但如果你想保留使用Node.js和Electron的能力 api，在包含之前，必须重命名页面中的符号 其他库:
<head>
<script>
window.nodeRequire = require;
delete window.require;
delete window.exports; delete window.module;
</script>
<script type="text/javascript" src="jquery.js"></script>
</head>
其他回答
在我看来，更好、更通用的解决方案是:
<!-- Insert this line above script imports -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<!-- normal script imports etc -->
<script src="scripts/jquery.min.js"></script>
<script src="scripts/vendor.js"></script>
<!-- Insert this line after script imports -->
<script>if (window.module) module = window.module;</script>
好处
适用于浏览器和电子具有相同的代码 修复了所有第三方库(不仅仅是jQuery)的问题，而无需指定每个库 脚本构建/打包友好(即Grunt / Gulp所有脚本到vendor.js) 不要求节点集成为假
源在这里
这对我很有用。
<script languange="JavaScript">
if (typeof module === 'object') {window.module = module; module = undefined;}
</script>
需要考虑的事情:
1)把这个放在</head>之前
2)在</body>标签前包含Jquery.min.js或Jquery.js
电子常见问题解答:
http://electron.atom.io/docs/faq/
我不能使用jQuery/RequireJS/Meteor/AngularJS在电子。 由于Electron的Node.js集成，有一些额外的 插入DOM的符号，如module, exports, require。这 属性会导致一些库出现问题，因为它们想插入 名称相同的符号。 要解决这个问题，你可以在Electron中关闭节点集成: //在主进程中。
let win = new BrowserWindow({
webPreferences: {
nodeIntegration: false } });
但如果你想保留使用Node.js和Electron的能力 api，在包含之前，必须重命名页面中的符号 其他库:
<head>
<script>
window.nodeRequire = require;
delete window.require;
delete window.exports; delete window.module;
</script>
<script type="text/javascript" src="jquery.js"></script>
</head>
这里有另一个选项，如果你想要一个相对包含。
<script> window.$ = window.jQuery = require('./assets/scripts/jquery-3.2.1.min.js') </script>
我也面临着同样的问题，这对我来说很有效!
使用npm安装jQuery
$ npm install jquery
然后以以下方式之一包含jQuery。
使用脚本标记
<script>window.$ = window.jQuery = require('jquery');</script>
使用巴别塔
import $ from 'jquery';
使用Webpack
const $ = require('jquery');
