Electron 调用本地模块

最新推荐文章于 2025-06-09 09:31:28 发布

_亦影

最新推荐文章于 2025-06-09 09:31:28 发布

阅读量1.9w

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： electron module require

本文链接：https://blog.youkuaiyun.com/u011256637/article/details/69361430

本文探讨了在 Electron 开发中如何在页面中调用 Node API，尤其是遇到从本地文件和网络请求加载页面时的问题。在尝试直接加载本地 npm 包时，发现使用网络加载方式会导致模块无法找到。分析原因后，了解到 Electron 是出于安全考虑限制了从 HTTP 请求加载的页面调用本地模块。解决方案是利用 Electron 的 IPC 通信或 remote 模块，实现渲染进程和主进程间的安全交互，同时揭示了 Electron 如何处理 `require('electron')` 的特殊性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的 API（如打开文件窗口、通知、图标等，基于 Electron 的开发，就好像开发一个网页一样，而且能够无缝地使用 Node。或者说：就好像构建一个 Node app，并通过 HTML 和 CSS 构建界面。

那么如何在页面中调用 Node API 呢？

碰到了一些坑…

先从页面加载方式说起，Electron 中加载页面的方式有两种：
一种是直接加载本地文件，另一种是通过 http 网络请求页面。

//方法1 本地路径
win.loadURL(url.format({
    pathname: path.join(__dirname, '/dist/index.html'),
    protocol: 'file:',
    slashes: true
}));

//方法2 网络路径
win.loadURL('http://localhost:3000');

现在我想要在某个js文件中引用一个本地的 npm 包，其中包含 Node API，所以在浏览器中无法使用。

var local = window.nodeRequire('local');

此时出现一个问题，使用方法1运行正常，但使用方法2时报错，但是如果使用方法1，每次修改完代码都需要先打包一遍，再使用 Electron 启动，耗时耗力啊。继续寻找解决方法。

can not find module xxx

调试发现在使用网络文件时，在调用 module.js 中的 Module._load 函数时参入的参数 parent 为

最低0.47元/天解锁文章

200万优质内容无限畅学