【electron】解决 electron require()报错：Uncaught ReferenceError: require is not defined

最新推荐文章于 2024-06-14 16:50:04 发布

HolmesChal

最新推荐文章于 2024-06-14 16:50:04 发布

阅读量881

点赞数

文章标签： electron es6 vue.js javascript html5

本文链接：https://blog.csdn.net/weixin_45802163/article/details/120577027

版权

本文介绍了如何解决在使用Electron时遇到的`require`未定义错误。该错误源于从v12.0.0开始，Electron的安全更新默认启用了contextIsolation，导致无法直接在渲染进程中使用require。为了解决这个问题，需要在配置中明确设置contextIsolation为false。

摘要由CSDN通过智能技术生成

解决渲染进程里无法使用node模块`Uncaught ReferenceError: require is not defined`

//main.js主进程中添加，但是仍为报错
webPreferences:{
    
	nodeIntegration:true,
	enableRemoteModule: true,
}

出现这个问题是因为官方为了安全性，将 electron v12.0.0 的 contextIsolation 的默认值改了。所以今后要在渲染进程里调用 require 的话，还需要加上 contextIsolation: false 。

// 创建窗口的代码改为：
webPreferences: {
   
	nodeIntegration: true

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HolmesChal

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【electron】解决 electron require()报错：Uncaught ReferenceError: require is not defined

有关技术问题，都可以一起讨论喔~~
复制链接

扫一扫

Electron-Vue程序启动控制台报错：Uncaught ReferenceError: require is not defined at (index):1

BigFamer的博客

12-23

6624

一、前言我在使用electron制作exe安装包的项目中用到了nodejs的一个usb模块，遇到了一些问题。二、问题描述 npm install安装（我的这个版本是：“usb”: “^1.6.3”,）之后，启动项目之后发现页面空白，我打开控制台发现了这样的报错：三、问题分析和解决 1、分析这里需要知道electron本质是什么，来看一张图片： Chromium : 为Electron提供了强大的UI能力，可以不考虑兼容性的情况下，利用强大的Web生态来开发界面。 Node.js ：让Electr

electron v12.0.0: Uncaught ReferenceError: require is not defined 已设置nodeIntegration: true

banerye的博客

03-05

3510

我按照官方指南，试图在渲染进程里利用 require 引用包，并且在创建 BrowserWindow 时，确实设置了 webPreferences 中的 nodeIntegration 为 true，但还是报错：这是我的 index.js 里创建窗口部分的代码. app.on('ready', function() { win = new BrowserWindow({ webPreferences: { nodeIntegration: true,

参与评论您还未登录，请先登录后发表或查看评论

新版本的electron解决 electron require()报错：Uncaught ReferenceError: require is not defined

AdleyTales的技术博客

06-23

2237

const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { // preload: path.join(__dirname, 'preload.js') nodeIntegration: true, enableRemoteModule: true, contextIsolation: false, } }) 主要是设置

Electron运行时报错：浏览器报错Uncaught ReferenceError: require is not defined

在下魔王ii的博客

07-20

3507

你可以检查Webpack配置文件中的`target`选项是否设置为`web`，以确保代码被打包为适用于浏览器的格式。另外，如果你正在使用Electron框架开发桌面应用程序，你可以在主进程中使用`require`语法，但在渲染进程中需要使用Electron提供的特殊语法来加载模块。解决这个问题的一种方法是使用Webpack等工具将你的代码打包成浏览器可执行的文件。这样可以将`require`语法转换为浏览器可识别的语法。2. 确保你的代码中没有在浏览器环境中使用了`require`关键字。

关于electron中请求接口出现Failed to load resource: net::ERR_CERT_AUTHORITY_INVALID问题解决方案记录

最新发布

一介布衣

06-14

406

可以在app 模块的ready事件生效之前，使用app.commandLine.appendSwitch将它们附加到您的应用程序的主要脚本中。

electron中JS报错：Uncaught ReferenceError: require is not defined

孤傲的博客

07-09

893

Electron已经发布了6.0正式版，升级后发现原来能运行的代码报错提示Uncaught ReferenceError: require is not defined 解决办法：修改创建BrowserWindow部分的相关代码，设置属性webPreferences.nodeIntegration new BrowserWindow({ width: 800, height: 600, minHeight: 990, minWidth: 1560,

解决 electron require()报错：Uncaught ReferenceError: require is not defined

雪野Solye的博客

06-09

9379

问题渲染进程里无法使用node模块 Uncaught ReferenceError: require is not defined 渲染进程的代码 let electron = require('electron'); // 引入electron模块 let app = electron.app; // 创建electron引用 let BrowserWindow = electron.BrowserWindow; // 创建窗口引用 let mainWindow = null; // 声明要打开的主窗

【待补漏洞】Electron 报错 Uncaught ReferenceError: require is not defined

sxy258的博客

04-24

914

使用ipcRenderer渲染时 const electron = require(‘electron’);报错如下解决办法：在 addWindow = new BrowserWindow({ ...... webPreferences: { //在这里添加 nodeIntegration: false, // 改为true 即可 contextIsolation:false

解决electron中出现Uncaught ReferenceError: require is not defined

weixin_53033364的博客

07-11

1404

解决electron中出现Uncaught ReferenceError: require is not defined问题

OrdosX#blog#electron-vue报错process-is-not-defined的解决方法1

07-25

首先打开.electron-vue/webpack.renderer.config.js，在大约第125行的new HtmlWebpackPlugin中任意位置

Windows环境下npm install 报错: operation not permitted, rename的解决方法

09-01

在Windows环境中，当你尝试使用`npm install`命令安装Node.js依赖包时，可能会遇到一个常见的错误：“operation not permitted, rename”。这个错误通常是由文件系统权限问题、Antivirus软件的阻止或者npm自身的问题...

vue +electron项目安装，打包报错集

03-29

vue +electron项目安装，打包报错集

electron-is-dev:检查Electron是否正在开发中

05-08

用法const isDev = require ( 'electron-is-dev' ) ;if ( isDev ) {console . log ( 'Running in development' ) ;} else {console . log ( 'Running in production' ) ;} 您可以通过将ELECTRON_IS_DEV环境变量设置...

electron require()报错：Uncaught ReferenceError: require is not defined

bats的博客

07-07

489

原文章在BrowserWindow下设置： mainWindow = new BrowserWindow({ width: 800, height: 800, webPreferences: { nodeIntegration: true, enableRemoteModule: true, contextIsolation: false, } })

「Electron｜问题记录」解决应用启动后窗口没有渲染相关js的问题，错误信息：Uncaught ReferenceError: require is not defined

过美好生活，做高效程序员

12-15

625

本文主要记录在使用新版本的electron过程遇到的显示不符合预期的问题。渲染的js文件种的逻辑不生效，调试窗口提示`Uncaught ReferenceError: require is not defined`

解决 Electron 出现 Uncaught ReferenceError: require is not defined 的问题