Electron中出现net::ERR_FILE_NOT_FOUND资源加载失败问题:无法导入npm模块@terra-money/terra.js
解决Electron中ES模块导入
@terra-money/terra.js的资源加载错误 我来帮你搞定这个问题!你遇到的Failed to load resource: net::ERR_FILE_NOT_FOUND错误,核心原因是Electron的上下文隔离机制和ES模块在file://协议下的解析逻辑和Node.js环境不一样:
- 当你用
node terrautils.js运行时,Node.js会自动从node_modules里查找模块;但Electron渲染进程用file://加载页面时,ES模块的相对路径解析不会识别node_modules这个特殊目录。 - 你开启了
contextIsolation: true,哪怕开了nodeIntegration: true,渲染进程也没法直接访问Node.js的模块系统。
既然你不在意安全性,这里有两个最直接的解决方案:
方案1:关闭上下文隔离,直接用Node.js模块导入
这是最快解决问题的方式,完全适配你的需求:
- 修改
main.js里的webPreferences配置,把上下文隔离关掉:
function createWindow (site) { var win = new BrowserWindow({ width: 700, height: 600, webPreferences: { preload: path.join(__dirname, 'preload.js'), nodeIntegration: true, contextIsolation: false, // 关键:关闭上下文隔离 devTools: true, } }) win.loadFile(site) }
- 调整
terrautils.js的导入语句,直接用npm模块名导入(不需要写./node_modules/路径):
import { LCDClient, Coin } from '@terra-money/terra.js';
- HTML里的script标签保持不变:
<script type="module" src="./terrautils.js"></script>
这样修改后,Electron渲染进程会直接使用Node.js的模块解析机制,自动从node_modules里找到@terra-money/terra.js,就不会再出现资源找不到的错误了。
方案2:保持上下文隔离(可选,适合之后想兼顾安全的情况)
虽然你现在不在意安全,但还是提一下这个方案,万一之后有需求:
- 在
preload.js里导入模块,通过contextBridge暴露给渲染进程:
const { LCDClient, Coin } = require('@terra-money/terra.js'); const { contextBridge } = require('electron'); // 把模块对象暴露到渲染进程的全局window下 contextBridge.exposeInMainWorld('terraUtils', { LCDClient: LCDClient, Coin: Coin });
- 保持
main.js里的contextIsolation: true,然后在terrautils.js里直接用全局对象:
const { LCDClient, Coin } = window.terraUtils;
这个方案既保留了Electron的安全隔离,又能正常使用模块,但需要额外的预加载脚本处理。
验证操作
修改完成后,重启你的Electron项目:
npm start
这时候应该就能正常加载模块,不会再报错了,你可以在代码里正常使用LCDClient和Coin的功能。
内容的提问来源于stack exchange,提问作者John Warts
相关产品推荐
相关产品推荐

