Electron解决 require is not defined 问题

最新推荐文章于 2025-06-12 11:30:02 发布

梦昵

最新推荐文章于 2025-06-12 11:30:02 发布

阅读量4.6k

点赞数

CC 4.0 BY-SA版权

文章标签： electron 前端

本文链接：https://blog.csdn.net/weixin_58439099/article/details/122717609

本文介绍了在Electron 16.0.7版本中遇到`require is not defined`错误的原因及解决方法，主要是通过在应用入口文件设置`nodeIntegration`为`true`和`contextIsolation`为`false`来允许使用require导入导出。

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

electron版本号：16.0.7

一、报错原因

JS中没有node模块，导致无法使用require导入导出

二、解决办法

在入口文件设置两个属性

nodeIntegration：true

contextIsolation:false

// 加载page需要两个模块：app BrowserWindow
const { app, BrowserWindow } = require("electron");
const path = require("path");
// 热加载
const reloader = require("electron-reloader");
const { contextId, contextIsolated } = require("process");
reloader(module);

app.on("window-all-closed", () => {
  if (process.platform !== "darwin") app.quit();
});
app.on("ready", () => {
  const mainWindow = new BrowserWindow({
    width: 700,
    height: 700,
    frame:false,
    webPreferences:{
        //  渲染进程 开启node模块，使得JS中可以使用node的model
        nodeIntegration:true,
        // 开启 remote 模块
        enableBlinkFeatures:true,
        // 控制上下文隔离
        // contextIsolation:false,
    }
  });
  // 打开控制台
  mainWindow.webContents.openDevTools();
  // 加载页面
  mainWindow.loadFile("./src/index.html");
  
});