问题:在使用 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,转到控制台视图,然后单击<p>元素。你应该看到那个function $ is not defined或类似的东西。
<p>
function $ is not defined
一个更好、更通用的解决方案 IMO:
<!-- 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>
好处
node-integration
来源这里