electron与jquery起冲突，使用jquery报错解决方法

最新推荐文章于 2023-12-12 14:30:18 发布
最新推荐文章于 2023-12-12 14:30:18 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 前端 文章标签： jquery electron javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/corruptwww/article/details/128567501
版权
Electron因集成Node.js导致与jQuery、RequireJS等库的冲突，可通过设置`webPreferences.nodeIntegration`为false来禁止node功能。此外，文章提供了其他解决方案，包括如何在Electron环境中正确使用jQuery并进行网页调试的技巧。
摘要由CSDN通过智能技术生成

问题原因：Electron 为了整合 Node.js，会在 DOM 加入 module、exports、require 等模块和函数，和jQuery、RequireJS、Meteor、AngularJS 等发生冲突。
暴力解决方法：去除node功能加持，在加载browserWindow或者browserView时就关闭nodeIntegration

webPreferences:{
  nodeIntegration:false
}

在这里插入图片描述
其他解决方法和详情：

1、electron 与 jquery 不得不说的故事，如何解决 require 函数冲突问题
2、在 Electron 中使用 jQuery 與網頁偵錯技巧

秋叶原の黑猫
关注
专栏目录
Electron中使用JQuery
kerryqpw的博客
12-16 1936
Electron中使用JQuery Electron默认启用了Node.js的require模块，而jQuery等新版本框架为了支持commondJS标准，当Window中存在require时，会启用模块引入的方式，导致报错 Uncaught ReferenceError: $ is not defined，本文研究了高低版本jQuery引入的正确方式。 1. 报错原因 Elect...
一行搞定electron和jquery冲突,electron和jquery最简单和完美的兼容方法
遗忘
01-13 1万+
electron和jquery的常见报错:Uncaught ReferenceError: $ is not defined 解决方法:在jquery最末端加上这样一行判断即可.<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script> <script>if (typeof module === 'object') {win
electron 教程【3】为什么在electron项目中直接引入jquery会出现不起作用？
jigetage的专栏
07-10 3932
采用通用方法引入jQuery库并不报错，但是不起任何作用，具体表现为"$"符号无法选择dom，原因是node.js环境中某些变量与jquery中产生冲突。解决方法：采用如下形式引入jquery： &lt;script&gt; window.$ = window.jQuery = require('./jquery-3.3.1.min.js'); &lt;/script&gt;特别要注意，第一点，...
2.electron之纯原生js/jquery的桌面应用程序（应用篇）
最新发布
12-12 1152
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。
当Electron与jQuery冲突时的处理办法。
qq_42104010的博客
10-17 187
在上述网站中找到解决方案，其提供的方法是将node.js的require更名为nodeRequire，并删除window.require/exports/module，然后再载入jQuery，如此 jQuery 及 Node 整合功能可以并存，只是原本的 require 要改写为 nodeRequire。修改后我的前端页面导航切换功能正常运行，也可以在其他的渲染进程中直接采用nodeRequire代替原来的require引用Node.js模块。
ELectron中使用jQuery
胡乱选一个
01-21 1230
node.js中使用jQuery 首先先看报错问题 解决方法 指向的两句是解决代码,期间的为自己的js和jQuery,记住,要将自己的js和引入的jQuery放在这里两句代码中间. 亲测有用 ...
electron jquery 冲突问题
路上
06-15 892
前两天用vue加electron做桌面端的时候碰到了一个问题  Uncaught ReferenceError: Jquery is not defined 看了好久 由于是微信登陆不能改变 只能想办法electron兼容了 win = new BrowserWindow( { webPreferences:{ nodeIntegration:fal...
如何在Electron中使用jQuery
艾米粒's Blog
01-12 3663
将jquery.min.js文件中最前的! function(a, b) { "object" == typeof module && "object" == typeof module.exports ? module.exports = a.document ? b(a, !0) : function(a) { if (!a.document) throw new Err
jquery解决冲突
07-08
jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突jquery解决冲突
require is not defined，在Electron渲染进程中加载模块报错
和合河禾何
10-10 5133
// 主进程 const {app, BrowserWindow, ipcMain} = require('electron') app.on('ready', () => { // 新建窗口 const win = new BrowserWindow() // 开启开发工具 win.webContents.openDevTools() // 窗口加载页面 win....
Electron中渲染进程require报错‘require is not defined’
404 Not Found.
07-02 3328
Electron中渲染进程require报错‘require is not defined’ 这是由于渲染进程(页面文件)中使用了第三方框架，如: jQuery等与node冲突造成的，主进程代码如下： function createWindow() { window = new BrowserWindow({ width: 950, height: 600,...
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
热门推荐
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
Electron与jQuery中$符号冲突的三种解决方法
xuan2717的博客
08-28 126
Electron与jQuery中$符号冲突的三种解决方法
1.electron之纯原生js/jquery的桌面应用程序（基础篇）
12-12 1178
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。
electron开发记录(五)：调用jquery,bootstrap并对其一些用法的总结
Multiangle's Notepad
12-13 1万+
本文主要分两个部分，分别是在electron中调用jquery和bootstrap的方法以及为什么要这么调用，以及对jquery一些用法的总结。electron中调用jquery及bootstrap的方法jquery作为一个js库，能够很大程度上的简化对页面中元素的控制。而bootstrap作为css库，能够方便的写出好看的界面。调用bootstrap需要先调用jquery。在调用bootstrap
electron 读取文件夹内容_electron + jQuery +node.js 快速上手之实现写入文件、拖拽打开文件并读取内容的功能...
weixin_39608680的博客
12-22 459
导言近来对electron有点感兴趣，奈何干啃官方文档实在难受，还是直接从demo入手会比较好。受到一两个教程的启发，然后自己瞎捣鼓一下。说明利用Electron.js构建一个有以下功能的桌面端应用：实现简单的获取文本框输入的内容并保存为文件能够通过拖拽文件来读取其中的信息应用界面因为只是demo ，为了方面，就只是加基础样式了，将就着看。应用界面.png输入文字.png结果.png拖拽文件.pn...
解决electron安装报错问题
05-30
当使用npm安装electron时，有时候会遇到各种各样的错误，如网络错误、权限错误等等。以下是一些常见的解决方法： 1. 指定electron镜像源 由于网络原因，npm默认的镜像源可能会出现连接问题，可以使用淘宝镜像来进行安装。 ```bash npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/ ``` 或者在安装时指定镜像源 ```bash npm install electron --registry=https://registry.npm.taobao.org ``` 2. 设置代理 如果网络连接存在问题，可以尝试设置代理。 ```bash npm config set proxy http://username:password@proxy_ip:proxy_port npm config set https-proxy http://username:password@proxy_ip:proxy_port ``` 3. 安装Python 2.7 在安装electron时需要使用Python 2.7版本。如果电脑上没有安装此版本，可以从官网下载安装。 4. 指定Python路径 如果电脑上安装了多个版本的Python，需要指定使用的Python版本。 ```bash npm config set python /path/to/python2.7 ``` 5. 更新npm和node版本 如果npm和node版本过低，也会导致安装electron失败。可以尝试更新npm和node版本。 ```bash npm install -g npm npm install -g n n latest ``` 希望以上解决方法能够帮助到您。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值