解决Electron窗口通过require引入js无效的问题

最新推荐文章于 2025-05-22 21:58:51 发布
原创 最新推荐文章于 2025-05-22 21:58:51 发布 · 2.9k 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
在 Electron 应用中，配置 webPreferences 的 nodeIntegration 为 true 本应使 HTML 能够访问 Node.js 环境，但遇到 require 引入 JS 文件失效的情况。解决此问题的关键在于还需关闭 contextIsolation，将其设置为 false。如此，require 功能即可正常工作。

已为窗口配置参数：

webPreferences: { nodeIntegration: true }

按道理已为页面集成Node.js环境，并赋予了html页面中的JavaScript访问Node.js环境的能力。但当在html中script标签中通过require引入js后，却未生效。

经过多处查找，终于解决问题，需对以上配置新增配置参数：contextIsolation，即：

webPreferences: { nodeIntegration: true , contextIsolation: false }

再次启动，require引用正常。

解决 Electron.js 中的 “require is not defined“ 问题
XwyMysql的博客
10-06 1461
在 Electron.js 中，当我们使用 CommonJS 的模块系统时，经常会遇到 “require is not defined” 的错误。通过上述步骤，我们通过使用 Browserify 工具，将 Electron.js 代码转换为浏览器可以理解的形式，并解决了 “require is not defined” 问题。请注意，这种解决方法对于简单的 Electron.js 应用程序可能有效，但对于复杂的应用程序，可能需要更复杂的处理方式。的文件，其中包含了转换后的代码。，我们创建一个新文件。
electron 引入页面时报错
weixin_38822843的博客
12-09 1789
Uncaught ReferenceError: require is not defined at index.js:1 index.html 文件中 引入 index.js 以下为 index.js 文件 index.js 报错 需要在创建的窗口中添加如下代码：具体使用查看第一张图 webPreferences: { webSecurity: false, // 取消跨域 nodeIntegration: true, // v5版本开始需要加多...
学习electron(2)-加载js脚本，打包
qq_36736475的博客
08-08 1822
学习electron
【electron】打包过程中的一些坑
渐墨深的博客
11-09 5317
1.应用白屏 本地运行正常，打包后白屏，大概率是loadFile路径不对 其中index.html的路径要根据打包后的main.js的相对路径，打包后main.js的层级变了，需要对应修改，renderer和main的目录是并列的 win.loadFile(path.join(__dirname, '../../renderer/index.html')); 2. 整个应用打包后找不到main.js文件 ⨯ Application entry file "main/main.js" in th
「问题解决」新版 Electron 使用require报错Uncaught ReferenceError: require is not defined
kreamyu的博客
07-14 1558
参考：这篇博客
Electron为网页注入js预加载
fukami666的博客
03-24 7397
Electron为网页注入js预加载准备工作main.jspreload.jspackage.json遇到的问题下一步的方向 准备工作 首先我下载了一个 electron-quick-start 并安装 node.js 找到一个网页，我选择的是一个快速制作插画的网站 Picrew main.js 在main.js里可以修改弹窗的各种属性，我们需要的是 function createWindow () { const mainWindow = new BrowserWindow({ webPref
require is not defined，在Electron渲染进程中加载模块报错
和合河禾何
10-10 5458
// 主进程 const {app, BrowserWindow, ipcMain} = require('electron') app.on('ready', () => { // 新建窗口 const win = new BrowserWindow() // 开启开发工具 win.webContents.openDevTools() // 窗口加载页面 win....
50、js 中var { ipcRenderer } = require(‘electron‘)；是什么意思？
最新发布
qq_27678663的博客
05-22 927
这是 Node.js 的模块引入语法，用于加载 Electron 的核心模块。electron 是 Electron 框架的主模块，提供了构建桌面应用所需的 API。
Electron渲染页面(Renderer Process)引入ipcRenderer
fu007good的博客
07-30 4881
Renderer Process引入 electron报错 Uncaught ReferenceError: __dirname is not defined 原因是在Renderer Process中，使用import或者requ问题 解决方法应使用 window.require(‘electron’) // main.js new BrowserWindow({ width: 800, height: 600, webPreferences: { node
Electron中requirejs require.nodeRequire is not a function
chuzhong5401的博客
07-09 2985
Electron版本：原来使用的时1.7.12，只要升级到2.X及以上的版本都会报错 Nodejs： 原来的版本是10 ，尝试升级到12也有问题 require.js:2.1.11,升级最新的3.X版本也没有解决问题； 此问题是Electron版本升级引起的： // In the m...
【electron】学习（二）
qq_41196874的博客
07-03 973
electron
Electron项目html页面加载node.js脚本
liuxufeiyang000的专栏
07-13 1813
最近在研究Electron开发桌面程序，发现html页面不能加载脚本，找了好多资料才找到问题的root cause。 1. 首先需要搞清楚，自己的脚本是用什么写的，node.js还是jquery。本文适用node.js写的脚本。 2. 需要在create BrowserWindow设置nodeIntegration=true，即整合node.js mainWindow=new BrowserWindow({ width:368, height:700, ...
Electron中脚本注入实践
zhangzheng1991的博客
11-04 9450
前言 Electron基于Chromium所以可以像浏览器一样加载任何第三方网页，并且其可以对网页注入脚本，将JavaScript代码注入到目标网页中并执行就像网页开发者自己开发的一样。脚本注入后可以访问该页面内的任何内容，包括网页的样式、服务端接口、Cookie等，并且你注入的脚本还可以通过Node.js访问系统资源，例如可以将网页中获取的资源直接保存到本地磁盘中。 脚本注入实践 1.通过preload文件注入脚本 首先使用Vue CLI Plugin Electron Builder创建Elec
解决electron中出现Uncaught ReferenceError: require is not defined
weixin_53033364的博客
07-11 1944
解决electron中出现Uncaught ReferenceError: require is not defined问题
electron应用的html文件中无法使用require
ThisEqualThis的博客
11-14 1420
文件中使用require方式引入文件时，发现代码没有生效，即便在scripts标签上添加了。原来Electron高版本中，在webPreferences配置项中默认配置了。，只需将其改为false即可。
「Electron｜问题记录」解决应用启动后窗口没有渲染相关js的问题，错误信息：Uncaught ReferenceError: require is not defined
过美好生活，做高效程序员
12-15 961
本文主要记录在使用新版本的electron过程遇到的显示不符合预期的问题。渲染的js文件种的逻辑不生效，调试窗口提示`Uncaught ReferenceError: require is not defined`
在Electron中最快速预加载脚本
weixin_30279751的博客
07-09 1015
背景 在Electron打开新窗口的时候，提前加载一段JavaScript脚本，以此内置一些属性或接口给被打开的页面。之所以要以注入方式，而不是页面自己引用，原因是不想麻烦页面自行引用，不想修改旧有的业务逻辑。 方法一 一开始是想在打开BrowserWindow后，执行executeJavaScript方法来给相应的窗口注入脚本。 不过这个方法虽然可以在相应的窗口注入脚本，但是它的执行的顺序太后...
vue-cli3搭建的electron+vue3+ts加载预脚本preload.js出现问题。
xiaomomo19的博客
09-28 1526
npm run electron:build 打包后报错直接窗口显示空白;问题场景：npm run electron:serve 本地运行查找不到preload.js;
Electron项目中将CommonJS改成使用ES 模块（ESM）语法preload.js加载报错
dnpao的专栏
05-08 4195
引用的后缀也要修改，下面是我的代码。
记录一个electron的preload错误
qq_31460469的博客
02-26 2566
preload问题
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值