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

最新推荐文章于 2024-12-30 10:13:23 发布
原创 最新推荐文章于 2024-12-30 10:13:23 发布 · 1.1w 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #scratch
当使用Electron遇到Uncaught ReferenceError: require is not defined的问题时，原因是官方从5.0版本开始，默认禁用了nodeIntegration以提高安全性。解决方法是在创建BrowserWindow时，明确设置webPreferences.nodeIntegration为true。

在这里插入图片描述
经查相关资料，原来官方在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
    }
})

相关资料：

Github
Stackoverflow

Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
🏆 前端领域优质创作者
12-16 2万+
vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine
renren-fast-vue@1.2.2 build: `gulp`
呆小杨的博客
10-23 3535
出现问题： 解决办法： 第一步：升级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
Browser: Uncaught ReferenceError: require is not defined
最新发布
suiusoar
12-30 1214
浏览器：未捕获的引用错误：`require` 未定义
Electron运行时报错：浏览器报错Uncaught ReferenceError: require is not defined
在下魔王ii的博客
07-20 4600
你可以检查Webpack配置文件中的`target`选项是否设置为`web`，以确保代码被打包为适用于浏览器的格式。另外，如果你正在使用Electron框架开发桌面应用程序，你可以在主进程中使用`require`语法，但在渲染进程中需要使用Electron提供的特殊语法来加载模块。解决这个问题的一种方法是使用Webpack等工具将你的代码打包成浏览器可执行的文件。这样可以将`require`语法转换为浏览器可识别的语法。2. 确保你的代码中没有在浏览器环境中使用了`require`关键字。
[Vue warn]: Failed to resolve async component
bzf0482的博客
03-30 1万+
-前端踩坑日记 遇到一个很奇怪的报错，[Vue warn]: Failed to resolve async component，记录一下 这个错是vue组件异步导入失败，我是在皖事通app上内置浏览器中遇到的，应该是浏览器版本问题，但是两个页面都用到异步导入组件，只有一个页面出了问题，就让我很懵逼 解决方法：不使用异步方式导入组件 ...
「问题解决」新版 Electron 使用require报错Uncaught ReferenceError: require is not defined
kreamyu的博客
07-14 1558
参考：这篇博客
解决electron中出现Uncaught ReferenceError: require is not defined
weixin_53033364的博客
07-11 1944
解决electron中出现Uncaught ReferenceError: require is not defined问题
Uncaught ReferenceError: require is not defined
Nothing
01-25 1396
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 而我们只需要再加一个配置，这个错误提示就会消失， 补充： nodeIntegration Boolean (可选) - 是否启用Node integration. 默认值为 false. contextIsolation Boolean (可选) - 是否在
「Electron｜问题记录」解决应用启动后窗口没有渲染相关js的问题，错误信息：Uncaught ReferenceError: require is not defined
过美好生活，做高效程序员
12-15 961
本文主要记录在使用新版本的electron过程遇到的显示不符合预期的问题。渲染的js文件种的逻辑不生效，调试窗口提示`Uncaught ReferenceError: require is not defined`
【已解决】Uncaught ReferenceError: require is not defined
木得是的博客
06-14 4万+
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 如图： 而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg
【已解决】Uncaught ReferenceError require is not defined
m0_54852350的博客
03-06 5039
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 如图： 而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg
浏览器报错Uncaught ReferenceError: require is not defined解决方案
weixin_42082342的博客
04-19 6293
Uncaught ReferenceError: require is not defined
node.js报错 ReferenceError: require is not defined 解决方案分享
热门推荐
sinat_33255495的博客
01-06 4万+
今天在应用 node.js 的时候突然报错了，之前一直是好的呢，费了九牛二虎之力终于搞明白了。 原来是node在升级之后，对 require 的使用方法发生了改变。从node.js 14版及以上版本中，require作为COMMONJS的一个命令已不再直接支持使用，所以我们需要导入createRequire命令才可以。 所以在使用 require 的时候只需要加入以下代码就可以了： import { createRequire } from 'module'; const require = create
解决 electron require()报错：Uncaught ReferenceError: require is not defined
雪野Solye的博客
06-09 9797
问题 渲染进程里无法使用node模块 Uncaught ReferenceError: require is not defined 渲染进程的代码 let electron = require('electron'); // 引入electron模块 let app = electron.app; // 创建electron引用 let BrowserWindow = electron.BrowserWindow; // 创建窗口引用 let mainWindow = null; // 声明要打开的主窗
关于vue项目在Safari浏览器中运行报错：[vue-router] Failed to resolve async component default：ReferenceError
僵小蛋的博客
06-13 2万+
最近开发vue项目，本地在其他浏览器运行时是正常的，可是在Safari浏览器中却报错了；如图 看样子是不能解析es6语法所致；百度一番找到解决方法： 先npm安装: npm install es6-promise --save 然后在main.js里加上： require('es6-promise').polyfill(); require('es6-promise/auto'...
require is not defined，在Electron渲染进程中加载模块报错
和合河禾何
10-10 5457
// 主进程 const {app, BrowserWindow, ipcMain} = require('electron') app.on('ready', () => { // 新建窗口 const win = new BrowserWindow() // 开启开发工具 win.webContents.openDevTools() // 窗口加载页面 win....
解决vite项目报错：ReferenceError: require is not defined
sqf251877543的博客
12-21 1万+
报错原因：require不属于vite里的方法。然后报错消失，图片正常显示了。
[vue-router] Failed to resolve async component default: Error: Cannot find module
li_dian_jin的博客
06-06 1万+
[vue-router] Failed to resolve async component render: TypeError: Cannot read properties of undefine
weixin_46127940的博客
08-14 3134
[vue-router] Failed to resolve async component render: TypeError: Cannot read properties of undefined (reading '_self')
git 克隆问题
jianyi_yyh的博客
03-01 314
git 出现无法克隆的问题 fatal: unable to access ‘https://github.com/vuejs/vue-devtools.git/’: OpenSSL SSL_connect: Connection was reset in connection to github.com:443 解决办法： 可以在git命令行窗口敲入以下命令： 在这里插入代码片 ...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值