Electron中使用JQuery

最新推荐文章于 2023-12-12 14:12:06 发布

慕容屠苏

最新推荐文章于 2023-12-12 14:12:06 发布

阅读量1.9k

点赞数 2

分类专栏：大前端爬坑之路文章标签： electron

本文链接：https://blog.csdn.net/kerryqpw/article/details/103572340

版权

大前端爬坑之路专栏收录该内容

188 篇文章 60 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

在Electron环境中使用jQuery时，由于默认启用的Node.js require模块与jQuery的加载方式冲突，可能导致$未定义的错误。本文探讨了四种解决方法，包括在引入jQuery后进行判断、使用nodeRequire、安装jQuery模块以及一种适用于浏览器和Electron且能修复所有第三方库问题的方法。这些方法旨在确保jQuery在Electron应用中正常工作，并避免修改nodeIntegration设置。

摘要由CSDN通过智能技术生成

Electron中使用JQuery

Electron默认启用了Node.js的require模块，而jQuery等新版本框架为了支持commondJS标准，当Window中存在require时，会启用模块引入的方式，导致报错 Uncaught ReferenceError: $ is not defined，本文研究了高低版本jQuery引入的正确方式。

1. 报错原因

Electron默认启用了Node.js的require模块，而jQuery等新版本框架为了支持commondJS标准，当Window中存在require时，会启用模块引入的方式.

方法一

引入jquery后进行判断

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script>if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};</script>

参考文献：