Electron 前端页面导入jQuery 出现错误Uncaught ReferenceError: jQuery is not defined

如下:

<script src="../assets/js/jquery-1.10.2.js"></script>

方法1

改为:

<script>window.$ = window.jQuery = require("../assets/js/jquery-1.10.2.js")</script>

即可。

方法2:

或者在

win = new BrowserWindow({
        webPreferences:{
            nodeIntegration:false,
        }
    })

注意这样就不能在页面中使用nodejs和Electron APIs了。

方法3:

<script>
window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;
</script>
<script src="../assets/js/jquery-1.10.2.js"></script>
 

原因:

其实就是Electron中存在如下代码:

if ( typeof module === "object" && typeof module.exports === "object" ) {
  // set jQuery in `module`
} else {
  // set jQuery in `window`
}

  

参考1:https://electron.atom.io/docs/faq/#i-can-not-use-jqueryrequirejsmeteorangularjs-in-electron

参考2:https://github.com/electron/electron/issues/254

时间: 2024-10-03 22:40:35

Electron 前端页面导入jQuery 出现错误Uncaught ReferenceError: jQuery is not defined的相关文章

clipboard复制剪贴板功能,以及用requirejs时报错---Uncaught ReferenceError: Clipboard is not defined

zeroclipboard是走的flash插件,手机浏览器是不支持的,所以不得不舍弃之,用clipboard,clipboard不需要flash就可以完成复制剪切等功能,而且可以兼容pc,移动端,下面介绍如下 下面这个js插件能实现<!DOCTYPE html>    <html lang="en">    <head>        <meta charset="UTF-8">        <script s

Uncaught ReferenceError: WebForm_DoPostBackWithOptions is not defined

环境:Asp.Net网站,Framework版本4.0,IIS版本7.0问题:按钮失效,下面是按钮代码: <a id="dnn_ctr1161_Login_Login_DNN_cmdLogin" title="登录" class="dnnPrimaryAction" href='javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("dnn$ctr

jquery报错Uncaught ReferenceError: $ is not defined

原来我的js引用在那个include的jsp之前..然后一直报错Uncaught ReferenceError: $ is not defined 最后我把js放到最末尾就没问题了

前端页面报net::ERR_CONNECTION_RESET错误的原因

本机和测试环境都是OK的.但是一到线上就报错:可能原因总结如下: 1 可能是服务器限制了文件上传的权限.喊运维开通了文件上传权限之后,这个错误就不再报了. 2 也许导致这种错误的方式有很多,我遇到的这种错误是因为post请求时提交的数据过多而导致的.解决办法:修改tomcat的配置文件server.xml 3 服务器未开启: 4 跨域请求的问题,如上传excel表格时,打开FQ就可以进行上传,否则会报net::ERR_CONNECTION_RESET 原文地址:https://www.cnblo

Uncaught ReferenceError: Vue is not defined 当出现这个问题的原因及处理

---恢复内容开始--- 在Vue学习的过程中可能出现这个情况,未捕获ReferenceError:Vue没有定义,为什么没有定义及找到这个Vue呢,目前说的最多的是"过早关闭脚本标签",例如这样引用 <script> src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.12/vue.js"</script> 造成了过早关闭,浏览器无法读取这个js,正确的书写应该是 <script s

HTML5 --照抄书里的代码但函数无法执行、求分析( Uncaught ReferenceError: xxx is not defined)

在js文件里写一个方法传参数: moveElement(id,name,price) { alert("id:"+id+"name:"+name+"price:"+price); } 传值方式: <p onclick= "moveElement(elementID,222,11)">gogo</p>; 但是是name(字符串)传不了,只能传数字.<p onclick= "moveElem

SpringMVC+HibernateValidator,配置在properties文件中的错误信息回显前端页面出现中文乱码

问题: 后台在springMVC中使用hibernate-validator做参数校验的时候(validator具体使用方法见GOOGLE),用properties文件配置了校验失败的错误信息.发现回显给前端页面的时候中文错误信息显示乱码. 封装参数的POJO类 public class UserReqBean { @NotNull(message="{user.name.notnull}") private String userName; } ValErrMsg.propertie

在electron中使用bootstrap的问题:Uncaught error: bootstrap&#39;s javascript requires jquery

在electron中使用bootstrap时,虽然在引用bootstrap之前引用了jQuery,但是依然出现错误: Uncaught error: bootstrap's javascript requires jquery 解决方法:不使用script标签加载jQuery,而是使用下面的方法加载: window.$ = window.jQuery = require('/path/to/jquery'); 在electron中使用bootstrap的问题:Uncaught error: bo

【前端页面优化】改善你的jQuery的25个步骤 千倍级效率提升

1.从Google Code加载jQuery Google Code上已经托管了多种JavaScript类库,从Google Code上加载jQuery比直接从你的服务器加载更有优势.它节省了你服务器上的带宽,能够很快的从Google的内容分布网络(CDN)上加载JS类库.更重要的是,如果用户访问那些发布在Google Code上的站点后它会被缓存下来. 这样做很有意义.有多少站点使用了没有被缓存的相同jQuery副本,而这些很容易做到,引入: <script type="text/jav