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

最新推荐文章于 2024-04-23 18:37:05 发布
最新推荐文章于 2024-04-23 18:37:05 发布
阅读量1.1w 收藏 2
点赞数 1
分类专栏： 编译打包 scratch desktop 文章标签： javascript scratch
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/otter1010/article/details/104981508
版权
当使用Electron遇到Uncaught ReferenceError: require is not defined的问题时，原因是官方从5.0版本开始，默认禁用了nodeIntegration以提高安全性。解决方法是在创建BrowserWindow时，明确设置webPreferences.nodeIntegration为true。
摘要由CSDN通过智能技术生成

在这里插入图片描述
经查相关资料，原来官方在5.0版本修改了nodeIntegration的默认值，官方说明如下：

The default values of nodeIntegration and webviewTag are now false to improve security.

解决办法：

修改创建BrowserWindow部分的相关代码，设置属性webPreferences.nodeIntegration为 true.

const window = new BrowserWindow({
   
    webPreferences: {
   
        nodeIntegration: true
    }
最低0.47元/天 解锁文章
沙漠巡洋舰
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
【已解决】Uncaught ReferenceError: require is not defined
木得是的博客
06-14 3万+
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 如图： 而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg
uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案
番茄Salad
02-19 1万+
【代码】uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案。
vue3引入图片 无法使用require， vue3+vite构建项目使用require引入包出现问题需要用newURL来动态引入图片等静态资源
最新发布
weixin_42216520的博客
04-23 1474
vue3引入图片 无法使用require， vue3+vite构建项目使用require引入包出现问题需要用newURL来动态引入图片等静态资源
[vue-router] Failed to resolve async component default: Error: Cannot find module
li_dian_jin的博客
06-06 1万+
renren-fast-vue@1.2.2 build: `gulp`
呆小杨的博客
10-23 3213
出现问题： 解决办法： 第一步：升级gulp到4.0 npm install -g gulp-cli npm install --save-dev gulp@4 查看gulp 版本： gulp -v （ps:一定要的系统自带的cmd命令查看gulp 版本） 第二步：修改gulpfile.js文件 该文件在renren-fast-vue 项目的根目录 修改后的gulpfile.js (这里直接复制一下代码，粘贴覆盖gulpfile.js里的类容！) var gulp = require('gulp'); va
[Vue warn]: Failed to resolve async component:....
wang6910的博客
02-27 4426
[Vue warn]: Failed to resolve async component:....
浏览器报错Uncaught ReferenceError: require is not defined解决方案
weixin_42082342的博客
04-19 5337
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中任意位置
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 的音乐软件:lx-music-desktop
03-05
推荐理由：一个基于 Electron 开发的音乐软件。它为用户提供了一种便捷的方式来播放和管理音乐，同时融合了桌面应用的特性。通过简洁的界面和丰富的功能，这个项目使音乐爱好者能够轻松地享受他们喜爱的音乐。
electron-print:web端静默打印解决方案
05-25
electron-print web端静默打印解决方案 两种实现 一、Electron中嵌入本地页面-打印 二、Electron中嵌入远程页面-打印 运行 npm install npm run start 效果
electron_live2d:Electron整合live2d实例
05-16
Electron整合live2d实现透明窗口 不废话首先看效果 只需写几十行配置的代码 在网页显示live2d教程@猫与向日葵--> 以及在找到的asuna的live2d 可能有些同志还不知道,那就先介绍一下: electron是可以使用 ...
运行node app.js 错误：Uncaught ReferenceError: require is not defined
热门推荐
qq_38334677的博客
07-24 1万+
浏览器中，得到Uncaught ReferenceError: require is not defined 错误
vue3引入图片等无法使用require，需要用newURL来动态引入图片等静态资源
wzy_PROTEIN的博客
06-13 8021
Uncaught (in promise) ReferenceError: require is not defined1、因为require是webpack提供的一种加载能力，但是vue3项目时搭配vite的，所以这里应该用vite提供的静态资源载入方法，将上面的require改为new URL这种格式，页面就可以正常加载静态资源了。new URL（‘路径’，import.meta.url）.href。
解决 electron require()报错：Uncaught ReferenceError: require is not defined
雪野Solye的博客
06-09 9369
问题 渲染进程里无法使用node模块 Uncaught ReferenceError: require is not defined 渲染进程的代码 let electron = require('electron'); // 引入electron模块 let app = electron.app; // 创建electron引用 let BrowserWindow = electron.BrowserWindow; // 创建窗口引用 let mainWindow = null; // 声明要打开的主窗
vue3+element plus+vite 引入本地静态资源图片require报错的原因和解决方案，以及如何在表格中展示图片
m0_52043522的博客
06-02 4345
在写vue 3+element plus+vite 项目的过程中，require引入展示图片出现了报错，记录了一下错误原因和解决方法。
【vue项目开发遇到的问题】在vue3中引入图片报错 Uncaught (in promise) ReferenceError: require is not defined
m0_69892739的博客
12-25 4965
因为require是webpack提供的一种加载能力，但是如果项目是用vite搭建的,就需要使用new URL(url, import.meta.url).href的格式引入图片。如下图所示：直接import引用该图片路径。
关于打的 umd 包在使用时，报 require is not defined 错误的问题出处
LanJu的博客
05-17 2576
首发于 语雀文档 背景： 前端同事前辈写了一个提供给其他部门的 JS 插件，写的是提供给前端使用的工具类，使用的是 commonjs 规范，导出变量使用的是 module.exports = {} 的方式，使用的是 webpack 打包，打出的包可正常通过 script 标签引入使用，但无法通过 import xxx from "xxx"/ const xxx = require("xxx") 的方式引入使用。​ 过程： 鉴于前辈说不需要理会他的 webpack config（他也没发给我），叫我使.
Uncaught (in promise) ReferenceError: require is not defined
survivorsfyh的博客
01-08 870
Uncaught (in promise) ReferenceError: require is not defined
electron Uncaught ReferenceError: require is not defined at
11-15
这个错误通常是由于在渲染进程中使用了Node.js模块而导致的。在Electron中，主进程和渲染进程是分开的，它们有不同的上下文和作用域。在渲染进程中，Node.js模块是不可用的，因此当你在渲染进程中使用require时，会出现“Uncaught ReferenceError: require is not defined”错误。 为了解决这个问题，你需要在渲染进程中使用Electron提供的remote模块来访问主进程中的模块。以下是一个简单的例子： ```javascript // 在渲染进程中 const { ipcRenderer } = require('electron'); // 发送消息到主进程 ipcRenderer.send('message', 'Hello from renderer process!'); // 监听主进程的回复 ipcRenderer.on('reply', (event, arg) => { console.log(arg); // 输出：Hello from main process! }); ``` 在主进程中，你需要监听渲染进程发送的消息，并使用Electron提供的ipcMain模块来回复消息。以下是一个简单的例子： ```javascript // 在主进程中 const { ipcMain } = require('electron'); // 监听渲染进程发送的消息 ipcMain.on('message', (event, arg) => { console.log(arg); // 输出：Hello from renderer process! // 回复消息到渲染进程 event.reply('reply', 'Hello from main process!'); }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值