Electron渲染进程引入模块：Uncaught ReferenceError: require is not defined

原创

小龙在山东 2022-07-24 00:16:28 ©著作权

文章标签 electron 前端 javascript 官网 文章分类 运维

©著作权归作者所有：来自51CTO博客作者小龙在山东的原创作品，请联系作者获取转载授权，否则将追究法律责任

Electron渲染进程引入模块，报错：

Uncaught ReferenceError: require is not defined

原因是Electron的安全限制，可以给BrowserWindow配置上contextIsolation就可以了：

webPreferences: {
  nodeIntegration: true,
  contextIsolation: false
}

参考官网：https://www.electronjs.org/docs/latest/tutorial/context-isolation

上一篇：sqli-labs 23-35闯关

下一篇：Electron渲染进程向主进程发送消息

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Electron使用electron-builder打包时下载electron失败或慢的解决方案

electron遇到的问题解决。

下载地址 7z 版本号
HarmonyOS4.0 系列——06、渲染之条件渲染、循环渲染以及懒加载渲染

HarmonyOS4.0 系列——06、渲染之条件渲染、循环渲染以及懒加载渲染if/else：条件渲染ArkTS 提供了渲染控制的能力。条件渲染可根据应用的不同状态，使用 if、else 和 else if 渲染对应状态下的 UI 内容。写法和 TS 的一样，简单看一下即可@Entry@Componentstruct IfForEach { @State status: boolean =

数据键值数组
基于webRTC+Electron实现远程控制

此文写得比较粗糙，具体实现结合源码理解主要几步：先启动项目调用createOffer，得到offer再在傀儡端把上面得到的offer传入createAnswer，并调用，得到pc.localDescription，在此函数中还得添加桌面流再在控制端把上面得到的pc.localDescription传入setRemote，并调用，同时监听流的增加实现STUN的过程，看下面MediaStream AP

音视频开发 webrtc 流媒体协议 c+++音视频
新版本的electron解决 electron require()报错：Uncaught ReferenceError: require is not defined

dirname, 'preload.js') nodeIntegration: true, enableRemoteModule: true, contextIsolation: false, } })主要是设置

Electron
Electron中提示:Uncaught ReferenceError: process is not defined

场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭

Electron 重启 HTML 程序猿
[开发心得]Electron应用自动升级 autoUpdater的使用。Uncaught ReferenceError: require is not defined

前言:博主主攻后端，对于electron自动升级也是费了非常多的事儿，github、gitee也下载了很多源码。发现案例可能好用，但问题。步骤1:如果.

ico html 开发者
Uncaught ReferenceError: Vue is not defined

最近开发的一个项目，前段时间开发过程中还好好的，最近一次打包部署后，浏览器访问一直是打不开：打开控

前端 vue 解决方案开发过程
Electron 渲染进程中解决require is not defined的问题

再Electron 5.0之后，如果需要在渲染进程中使用Node.js的模块，需要手动将创建窗口时候的nodeIntegration这一选项开启，这样就能避免报错了。 mainWindow = new BrowserWindow({ webPreferences: { nodeIntegration

node.js
解决： Uncaught ReferenceError: process is not defined

Uncaught ReferenceError: process is not defined 发现许多博客只是添加了nodeIntegration: true,1仍然会报这个问题解决办法# 再添加一行contextIsolation: false12# 完整代码 const mainWindow

.net
Electron require is not defined

Electron 的 preload.js 里调用 nodejs 的 require 时报错：preload.js:10 Uncaught ReferenceError: global is not defined只需追加 nodeIntegratio

Electron require not defined nodejs
Echarts报错-Uncaught ReferenceError: echarts is not defined

Echarts报错-Uncaught ReferenceError: echarts is not defined造成这个错误的原因:导入js的位置不对，要在使用时导入，option前一点导入，不能导入太前了。在我的项目里面，是先引入了自己写的文件js，再引入了echarts插件，导致加载顺序不对，从而出现了报错解决办法，只需要正确的引入方法即可。一定要注意...

学习
easyui解决：Uncaught ReferenceError: jQuery is not defined

我在使用easyui的时候或者写这种JS的时候真的是五秒崩啊，没有一点基础，但是后端的MVC页面测试还得用，自己照着敲还是会报错，图草

jquery javascript 静态资源
Uncaught ReferenceError: is not defined at HTMLAnchorElement.onclick

原因：字符串没有添加引号造成的Uncaught ReferenceError: is not defined at HTMLAnchorElement.onclick var msg= "类型：" + source_type_name + "<br>单号：<a href='javascript:void(0)' onclick='rOrderDetail(...

html 字符串 javascript
【前端相关】js Uncaught ReferenceError: $ is not defined

1 1.出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？ 2 2.还有一个原因就是在你引用js时，路径出错，不是你项目中正确的文件路径。 3 3.还有一个原因是你的js中有某些值是不存在的。 4 4.除了以上这个具体的错误，还可能遇到类似的Uncaught Referen...

文件路径调用顺序
ThinkPHP ThinkAjax提交问题 ‘Uncaught ReferenceError: ThinkAjax is not defined’

Java代码 <input type="button" value="保存" onclick="sendForm('form1','__URL__/update/')" class="small submit"><input type=&

+
vue中解决Uncaught ReferenceError: regeneratorRuntime is not defined问题

问题产生在使用babel编译es6时，遇到报错Uncaught ReferenceError: regeneratorRuntime is not defined问题问题原因脚本使用了ES7的 async/awaitregeneratorRuntime在浏览器上是不认识的，需要安装@babel/plugin-transform-runtime插件解决方案：npm install @babel/pl

vue
ThinkPHP报js错误：Uncaught ReferenceError: out is not defined

在Public/Js/common.js中添加如下三个方法：function out() { var e = getEvent(); var oObj = e.srcElement || e.target; var oTr = oObj.parentNode; if(!oTr.tag) ...

thinkphp js ViewUI
Uncaught ReferenceError: $ is not defined 错误的解决办法

Uncaught ReferenceError: $ is not defined 错误的解决办法今天在调试aspx.net 中的js中fuction方法时提示Uncaught ReferenceError: $ is not defined 错误,闷了好久,先前的项目也是这么做的都没出错,但是仔细对比两个项目中的时候发现,原来是少了引用jQ库啊!!!在项目相应的页面中引用jQuery即可.也就是

web $ is not defined 错误的解决办法
Uncaught ReferenceError: XMLHttpRequest is not defined

在js脚本中运行var xhr = new XMLHttpRequest(); 出现报错： Uncaught ReferenceError: XMLHttpRequest is not defined 报错原因：xmlhttprequest不是node 的内置对象。需要单独安装解决办法：安装xml ...

JavaScript xml 内置对象 js脚本程序
jQuery报错：Uncaught ReferenceError: $ is not defined

在使用jQuery的时候，发现有如下报错： Uncaught ReferenceError: $ is not defined (anonymous function) 出现这个报错的原因： 1.jQuery库文件的路径不对，检查文件路径是否正确一般就能解决该错误。 2.如果库文件的路径是正确的，那么可能在html中加载jQuery库文件顺序有误，如果将jQuery库文件加载放到最开始位置，即可以解决该错误。

jquery 库文件加载文件路径 html
java爬取音乐代码

Python爬虫爬取网易云的音乐(学习笔记)在开始之前，做一点小小的说明哈：我只是一个python爬虫爱好者，如果本文有侵权，请联系我删除！本文需要有简单的python爬虫基础，主要用到两个爬虫模块(都是常规的)requests模块selenium模块建议使用谷歌浏览器，方便进行抓包和数据获取。昨晚我女朋友(@羊羊羊?)很辛苦的写了一篇博客，看起来非常炫酷，所以我也想写一篇，然后让她给我点个赞；思

java爬取音乐代码 java怎么爬网易云搜索 chrome 网易云
lua_pushnumber 浮点型

实验目的：比照整型数据输入输出的探讨方式，研究浮点型数据的输入输出，在加深理解的基础上能熟练使用浮点型数据。实验步骤：//分数22/7小数点后有几位？如果用它表示圆周率可以精确到哪一位？1.填表并分析float型fafbfcfd值2.3-0.00232.3e50.00023E-2以%f格式预期的输出为以%e格式预期的输出为 &n

lua_pushnumber 浮点型 float 编程存储格式输出
resent图像相似度检测

1. 结构相似度这篇文章的研究背景是建立一个衡量图像质量好坏的测量准则。客观图像质量测量分为两种，一种是使用参考标准图像，另一种是无参考标准图像。而本文是第一种类型的客观图像质量测量。假设人类视觉系统（HVS）倾向于抽取结构化信息。遭到批评的算法：一幅图像的信号可以理解称为一幅无噪声信号图像（Refference Image Signal）和一幅误差信号（Err

resent图像相似度检测图像质量可见性相似度
android 不配对连接

相信大家在用真机或者模拟机调试时，或多或少会遇到这个问题，好不容易代码代码敲完，期待着一把过，结果 OK 键一点，毫无征兆的弹出这么一个提示框是不是一个大大的问号脸？提示框的内容是：Device supports ,but APK only supports armeabi,x86;啥意思？就是段位不够，无法匹配呸呸呸，意思就是你设备的架构是.

android 不配对连接 device supports Android Studio 浮点运算
文件下载数据量很大 err invalid response

最近遇到在MS Excel中建立的Web Query在创建完成后过了一段时间（或关闭文件后再次打开文件并刷新数据）出现无法刷新的问题，点击刷新时报错如下：无法下载您要求的信息。这是一个很不友好的报错，从提示的信息来看，似乎是这个网站无法打开，然而在浏览器里打开却没有任何问题（采用的是匿名用户的身份验证）。刚为了获得更多的错误信息，我查看了系统的事件日志，发现了这么一条记录：Object refer

Web Office 请求头

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯