You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Electron集成jquery.pep.js报错:Cannot find module 'jquery.pep.js'求助

解决Electron项目中jquery.pep.js无法找到的问题

看起来你已经搞定了jQuery的全局引用,但jquery.pep.js的问题大概率是因为它本身没有遵循CommonJS模块规范,没法直接用require()加载——毕竟很多老的jQuery插件都是依赖全局jQuery对象,而不是导出模块供Node.js风格的require调用。

试试下面这几个方案,应该能解决你的问题:

方案1:直接用script标签加载jquery.pep.js

既然你已经在index.html里处理了jQuery的全局问题,那可以直接把jquery.pep.js从node_modules里引入进来,确保它在jQuery之后加载:

<!-- 先处理jQuery的模块冲突,再引入jQuery -->
<script> delete window.module; </script>
<script src="./node_modules/jquery/dist/jquery.min.js"></script>
<!-- 紧接着引入pep插件 -->
<script src="./node_modules/jquery.pep.js/dist/jquery.pep.min.js"></script>

这样一来,pep会自动依附到全局的jQuery对象上,你就不需要在main.js里用require('jquery.pep.js')了。

方案2:用相对路径直接require插件文件

如果坚持要用Node.js的require方式,你可以跳过包名解析,直接用相对路径加载pep的实际文件:

// main.js里的代码
window.$ = window.jQuery = require('jquery');
// 用相对路径指向node_modules里的pep文件
require('../node_modules/jquery.pep.js/dist/jquery.pep.min.js');

有时候直接写包名jquery.pep.js会因为模块解析规则的问题找不到文件,直接写具体路径反而更稳妥。

方案3:检查依赖安装完整性

先确认你的package.json里确实存在jquery.pep.js的依赖项,然后试试清理依赖重新安装,排除缓存或安装不完整的问题:

rm -rf node_modules package-lock.json
npm install

额外提示

Electron的渲染进程虽然支持Node.js的require语法,但不少前端库并没有做Node.js模块的适配,对于这类依赖全局对象的jQuery插件,直接用script标签引入往往是最省心的方式。

内容的提问来源于stack exchange,提问作者Nagah

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 07:00:57