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

最新推荐文章于 2024-05-08 11:01:06 发布
最新推荐文章于 2024-05-08 11:01:06 发布
阅读量2.6k 收藏 4
点赞数 5
分类专栏： Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/irokay/article/details/118557874
版权
在 Electron 应用中，配置 webPreferences 的 nodeIntegration 为 true 本应使 HTML 能够访问 Node.js 环境，但遇到 require 引入 JS 文件失效的情况。解决此问题的关键在于还需关闭 contextIsolation，将其设置为 false。如此，require 功能即可正常工作。

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

已为窗口配置参数：

webPreferences: { nodeIntegration: true }

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

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

webPreferences: { nodeIntegration: true , contextIsolation: false }

再次启动，require引用正常。

vue - electron 报错 Unable to load preload script: “x“ | Error: require() of ES Module “x“ not support
高级前端工程师
05-09 3634
vue，electron，preload.js，CommonJS，vue electron报错，将Electron项目原CommonJS语法改成使用ES 模块（ESM）语法，preload.js一直加载不到，报错，Electron项目中将CommonJS改成使用ES 模块（ESM）语法preload.js加载报错，详细解决方案，Unable to load preload script，Error: require() of ES Module "x" not support. Instead change
那些玩electron遇到的坑和解决方案
kisshd的博客
06-28 1514
坑1_无框模式的窗口 自带的和开关窗口好丑，作为一个设计师绝对忍不了，于是乎自接写了一个窗口，但是不巧在下只懂一点点的js，给我累的，于是在各种地方寻找可以使用的无框关闭，顶设，最大化，最小化的方法，但是因为这个被坑了好多次，好家伙大家提供的方式都有一个弊端，一但窗口关闭了就会导致无法关闭而报错，大家写的都是简单的方式的都是单窗口的，于是乎经过很多很多次摸爬滚打找到了方式 //首先引入下需要使用到的函数 let {ipcMain}= require('electron'); //监听窗口关闭请求 ipc
Electron为网页注入js预加载
fukami666的博客
03-24 7127
Electron为网页注入js预加载准备工作main.jspreload.jspackage.json遇到的问题下一步的方向 准备工作 首先我下载了一个 electron-quick-start 并安装 node.js 找到一个网页，我选择的是一个快速制作插画的网站 Picrew main.js 在main.js里可以修改弹窗的各种属性，我们需要的是 function createWindow () { const mainWindow = new BrowserWindow({ webPref
Electron 渲染进程不能使用node.js模块
CY2333333的博客
04-17 1455
       Electron为了安全性的考虑，是渲染子进程不能使用node.js模块的，如果要在渲染进程中使用node.js模块，需要在创建主进程时进行设置，设置代码如下： //设置在创建主进程的方法中添加 webPreferences: { nodeIntegration: true, contextIsolation: false //Electron 12.0以上版本需要的额外设置此项
electron 教程【3】为什么在electron项目中直接引入jquery会出现不起作用？
jigetage的专栏
07-10 3996
采用通用方法引入jQuery库并不报错，但是不起任何作用，具体表现为"$"符号无法选择dom，原因是node.js环境中某些变量与jquery中产生冲突。解决方法：采用如下形式引入jquery： <script> window.$ = window.jQuery = require('./jquery-3.3.1.min.js'); </script>特别要注意，第一点，...
electron设置nodeIntegration 无效
qq_44732555的博客
07-06 3553
当你设置nodeIntegration 为true不起作用的时候可以将contextIsolation改为false //main.js webPreferences: { nodeIntegration: true, // 是否集成 Nodejs contextIsolation: false } //index.html中 <script> window.electron = require("electron"); </script>`
vue-cli3搭建的electron+vue3+ts加载预脚本preload.js出现问题。
xiaomomo19的博客
09-28 1259
npm run electron:build 打包后报错直接窗口显示空白;问题场景：npm run electron:serve 本地运行查找不到preload.js;
js文件中import引入问题
Create_IT_Man的博客
07-24 2238
js文件中import引入问题 问题 import 'index.css' //在node_modules中找 index.css文件 import './index.css' //在当前根目录去找index.css文件 原因 两个写法 完全不同，真的低级错误。同级目录引入index.css不能省略’./’ ...
electron 12版本以后渲染进程引入electron会报错
Scorpio11123的博客
10-18 1470
electron 12版本以后渲染进程引入electron会报错
Electron Module not found Error: Can‘t resolve ‘fs‘ 或 fs.existsSync&&ipcRendere.send is not function
qq_45677405的博客
04-20 1814
electron 进程间通信报错2024年最新解决方案
electron 研究笔记
热门推荐
GentlyCare的专栏
04-12 1万+
使用electron有一阵子了，随着项目推进，需要研究的东西也逐渐多起来。总结了以下，问题主要出现在： - 跨平台兼容性 - 新的功能需求 electron 渲染进程模拟浏览器环境electron渲染进程默认为nodejs环境，在里面你可以调用require引入第三方模块，但有时候我们想要的是一个真实的浏览器环境。electron需要做的配置如下： var mainWindow =
Electron项目html页面加载node.js脚本
liuxufeiyang000的专栏
07-13 1735
最近在研究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项目中将CommonJS改成使用ES 模块（ESM）语法preload.js加载报错
最新发布
dnpao的专栏
05-08 2694
引用的后缀也要修改，下面是我的代码。
学习electron(2)-加载js脚本，打包
qq_36736475的博客
08-08 1670
学习electron
在 Electron 应用中，通过 ＜script＞ 标签引入百度地图在线 SDK 时报错
weixin_43876422的博客
04-15 430
在 Electron 应用中，通过 “ ”标签引入百度地图在线 SDK 时报错,或者vue、react等其他在线资源报错时以下方法都适用。
「Electron｜问题记录」解决应用启动后窗口没有渲染相关js的问题，错误信息：Uncaught ReferenceError: require is not defined
过美好生活，做高效程序员
12-15 817
本文主要记录在使用新版本的electron过程遇到的显示不符合预期的问题。渲染的js文件种的逻辑不生效，调试窗口提示`Uncaught ReferenceError: require is not defined`
electron应用的html文件中无法使用require
ThisEqualThis的博客
11-14 1261
文件中使用require方式引入文件时，发现代码没有生效，即便在scripts标签上添加了。原来Electron高版本中，在webPreferences配置项中默认配置了。，只需将其改为false即可。
Electron require未定义
weixin_51267246的博客
02-06 840
解决electron 出现的 require is not define 问题
Electron中requirejs require.nodeRequire is not a function
chuzhong5401的博客
07-09 2888
Electron版本：原来使用的时1.7.12，只要升级到2.X及以上的版本都会报错 Nodejs： 原来的版本是10 ，尝试升级到12也有问题 require.js:2.1.11,升级最新的3.X版本也没有解决问题； 此问题是Electron版本升级引起的： // In the m...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值