在electron项目中直接引入jquery失败

最新推荐文章于 2024-03-13 09:42:15 发布
最新推荐文章于 2024-03-13 09:42:15 发布
阅读量375 收藏
点赞数
分类专栏： electron jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/brilliantSt/article/details/114534738
版权
在 Electron 项目里遇到jQuery引入后无法使用的问题，主要表现为报错。解决方法是在引入jQuery之前，先设置window.nodeRequire为require，并删除window上的require、exports和module。确保这些操作在引入jQuery的script标签之前完成，以修复jQuery在Electron环境中的运行错误。
摘要由CSDN通过智能技术生成

问题描述： 在electron的项目里面使用jQuery，无法正常使用，会报错。（具体错误如下，表现为没有引入jQuery一样）
错误

解决方法： 在 引入jQuery 之前添加以下代码：

window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;

注意： 必须要在引入jQuery之前添加代码（script标签方式引入的代码）

凹凸曼打不赢小怪兽
关注
专栏目录
Electron中使用JQuery
kerryqpw的博客
12-16 1951
Electron中使用JQuery Electron默认启用了Node.js的require模块，而jQuery等新版本框架为了支持commondJS标准，当Window中存在require时，会启用模块引入的方式，导致报错 Uncaught ReferenceError: $ is not defined，本文研究了高低版本jQuery引入的正确方式。 1. 报错原因 Elect...
(vue) 如何在webpack项目中使用axios 【两种方法都可行，已实测】
weixin_43932281的博客
01-24 1930
 因为以前接触过jquery  以为传值都是用ajax 结果大错特错！      vue 传值需要用到axios  这里只介绍vue里axios的用法，至于详解 感兴趣的朋友 可以自行去百度   方法一：  第一步：npm install axios --save  第二步：全局里引入axios   ​​​​​ import axios from 'axios'  Vue.prototy...
electron使用jquery报$ undefined
长缨缚苍龙
03-20 936
<script src="./jquery-1.11.1.js"></script> //增加 <script>if (typeof module === 'object') { window.jQuery = window.$ = module.exports; };</script>
electron项目中使用jquery不生效的解决方法
qq_38472451的博客
08-25 256
electron项目中使用jquery不生效的解决方法
electron 教程【3】为什么在electron项目中直接引入jquery会出现不起作用？
jigetage的专栏
07-10 3941
采用通用方法引入jQuery库并不报错，但是不起任何作用，具体表现为"$"符号无法选择dom，原因是node.js环境中某些变量与jquery中产生冲突。解决方法：采用如下形式引入jquery： &lt;script&gt; window.$ = window.jQuery = require('./jquery-3.3.1.min.js'); &lt;/script&gt;特别要注意，第一点，...
electron加载jquery报错问题
weixin_30454481的博客
08-29 216
<!-- Insert this line above script imports --> <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script> <!-- normal script imports etc --&...
vue2+electron 给大家说个相声
m0_70769052的博客
12-21 1279
这里就体现了background.js文件的作用了那我们浅浅看一下里面都是些啥这两张图都干了些什么呢？？是不是从electron引入了一些模块，来我们挑重点。
electron框架的自定义外部配置文件的配置与读取
weixin_45689946的博客
12-29 9785
vue、electron、外部配置文件
Electron + WebSocket 通信
热门推荐
qq_37159708的博客
07-03 1万+
Electron + WebSocket 通信 描述 本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子。 项目结构 main.js：程序入口文件 websocket.html：web视图 websocket.js ：Websocket通讯脚本 技术 Node.js os 模块 提供基本的系统操作函数。 ( 参考：Node.js 工具模块 ) 引入： var os = require("os"); 属性 属性 描述 os.E
vue-electron框架使用介绍
xiaxia0705的博客
09-05 4336
vue-electron框架搭建、与后端对接配置、打包配置，开发打包过程中遇到的问题分享
Electron内调用网页出现 $ is not defined 或者 jQuery is not defined
最新发布
jmszl1991的博客
03-13 869
解决electron引用第三方网页出现undefined的报错
electron-vue 中引入a标签 跳转默认浏览器问题 未引入jquery
liuxiaochang_2011的博客
04-10 1347
默认点击a标签后会重新弹出一个window窗口，不能跳转到默认浏览器上 但是a标签还不能改 还未引入jquery （vue官方不建议引入jquery ） 解决办法 在渲染完成的方法后 引入一下代码 进行跳转 ririr 是给a标签 设置的id //dom更新后取消默认点击事件 增加默认浏览器跳转 this.$nextTick(function(){ ...
ELectron中使用jQuery
胡乱选一个
01-21 1239
node.js中使用jQuery 首先先看报错问题 解决方法 指向的两句是解决代码,期间的为自己的js和jQuery,记住,要将自己的js和引入的jQuery放在这里两句代码中间. 亲测有用 ...
2.electron之纯原生js/jquery的桌面应用程序（应用篇）
12-12 1169
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。
如何在Electron中使用jQuery
艾米粒's Blog
01-12 3672
将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
1.electron之纯原生js/jquery的桌面应用程序（基础篇）
12-12 1220
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。
一行搞定electron和jquery冲突,electron和jquery最简单和完美的兼容方法
小刚刚技术博客
08-21 2259
开发十年，就只剩下这套架构体系了！ >>> ...
Electron中Jquery的引入方式
weixin_30871701的博客
12-29 597
Electron默认启用了Node.js的require模块，而jQuery等新版本框架为了支持commondJS标准，当Window中存在require时，会启用模块引入的方式，导致报错 Uncaught ReferenceError: $ is not defined，本文研究了高低版本jQuery引入的正确方式。 1. 报错原因 Electron默认启用了Node.js的require模...
怎么在electron项目中引入element.css样式文件
04-11
您可以通过在HTML文件中引入element.css文件来使用element样式。具体方法是在HTML文件中添加以下代码： ```html <head> ... <link rel="stylesheet" href="path/to/element.css"> </head> ``` 这样就可以在项目中使用element样式了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值