问题:在使用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>元素。你应该看到函数$没有定义或者类似的效果。
当前回答
如https://github.com/atom/electron/issues/254所示，问题是由以下代码引起的:
if ( typeof module === "object" && typeof module.exports === "object" ) {
// set jQuery in `module`
} else {
// set jQuery in `window`
}
jQuery代码“看到”它在CommonJS环境中运行，并忽略了window。
解决方案真的很简单，而不是通过<script src="…>，你应该这样加载:
<script>window.$ = window.jQuery = require('./path/to/jquery');</script>
注意:路径前的点是必需的，因为它表示它是当前目录。另外，请记住在加载依赖jQuery的任何其他插件之前加载jQuery。
其他回答
我也面临着同样的问题，这对我来说很有效!
使用npm安装jQuery
$ npm install jquery
然后以以下方式之一包含jQuery。
使用脚本标记
<script>window.$ = window.jQuery = require('jquery');</script>
使用巴别塔
import $ from 'jquery';
使用Webpack
const $ = require('jquery');
如果你使用的是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",
...
...
]
刚刚遇到了同样的问题
NPM安装jquery
< >脚本窗口。$ = window。</script> . jQuery = require(' jQuery ')
为我工作
1.使用npm安装jQuery。
npm install jquery --save
2.
<!--firstly try to load jquery as browser-->
<script src="./jquery-3.3.1.min.js"></script>
<!--if first not work. load using require()-->
<script>
if (typeof jQuery == "undefined"){window.$ = window.jQuery = require('jquery');}
</script>
这里有另一个选项，如果你想要一个相对包含。
<script> window.$ = window.jQuery = require('./assets/scripts/jquery-3.2.1.min.js') </script>
