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

已于 2023-07-11 21:28:11 修改
阅读量947 收藏 1
点赞数 1
分类专栏： electron 文章标签： electron javascript ecmascript
于 2023-07-11 21:13:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53033364/article/details/131669218
版权

启动electron中出现Uncaught ReferenceError: require is not defined

 

 需在项目中加入contextIsolation: false,我是在入口文件中添加的

  webPreferences: {

            // 如果想在main.js这个文件中使用index.js中的require就必须要加入nodeIntegration:true

            //nodeIntegration:true表示node参与到整个项目中

            nodeIntegration:true,

            // 正常教程视频会说这一句话不写，但是不写还是会报错

            contextIsolation: false,//消除开发工具控制台警告

        },

 

即可解决报错！清除控制台警告请看下篇文章

 

草虫飞鱼
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
is-electron:检测是否在Electron中运行
05-03
等电子 检测是否在Electron中运行。 安装 npm install --save is-electron 用法 import isElectron from 'is-electron' ; console . log ( isElectron ( ) ) ; 执照 版权所有（c）2016 Cheton Wu 根据。
require is not defined，在Electron渲染进程中加载模块报错
和合河禾何
10-10 5017
// 主进程 const {app, BrowserWindow, ipcMain} = require('electron') app.on('ready', () => { // 新建窗口 const win = new BrowserWindow() // 开启开发工具 win.webContents.openDevTools() // 窗口加载页面 win....
vue3 报错 require is not defined
最新发布
w710537643的博客
03-21 1305
【代码】vue3 报错 require is not defined。
Electron运行时报错：浏览器报错Uncaught ReferenceError: require is not defined
在下魔王ii的博客
07-20 2864
你可以检查Webpack配置文件中的`target`选项是否设置为`web`，以确保代码被打包为适用于浏览器的格式。另外，如果你正在使用Electron框架开发桌面应用程序，你可以在主进程中使用`require`语法，但在渲染进程中需要使用Electron提供的特殊语法来加载模块。解决这个问题的一种方法是使用Webpack等工具将你的代码打包成浏览器可执行的文件。这样可以将`require`语法转换为浏览器可识别的语法。2. 确保你的代码中没有在浏览器环境中使用了`require`关键字。
【已解决】Uncaught ReferenceError require is not defined
m0_54852350的博客
03-06 3307
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 如图： 而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg
Uncaught ReferenceError: require is not defined
qq_42444795的博客
10-20 1343
今天在electron中使用node.js的api导入的时候发现这个错误 即使设置webPreferences 原因是Electron 5.0更新之后，contextIsolation默认值由false改为true了，所以我们得重新赋值为false。 这样就能在脚本中使用node api了。 ...
运行node app.js 错误：Uncaught ReferenceError: require is not defined
qq_38334677的博客
07-24 1万+
浏览器中，得到Uncaught ReferenceError: require is not defined 错误
【已解决】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 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
王佳斌
12-16 1万+
vue3，vite，报错解决，vue3+vite报错require is not defined，vue3 vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3 vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“require is not defined”问题，vite项目require语法兼容问题解决 require is not define
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环境变量设置...
关于node-bindings无法在Electron中使用的解决办法
01-01
node-bindings非常好用，但是在Electron中无法使用，我查了一下，是因为fileName以file://开头导致无法定位动态库的根目录。已经提交给作者了，可以临时修改一下node_modules/bindings/bindings.js。 exports....
electron-pos-printer:电子58mm热敏打印机
05-02
电子正版打印机电子打印机插件，当前支持58mm，需要电子> = 4.xx安装$ npm install electron-pos-printer$ yarn add electron-pos-printer用法在主要过程中const { PosPrinter } = require ( "electron-pos-printer...
Electron报Uncaught ReferenceError: require is not defined
有梦想の程序猿的博客
06-28 4883
在electron5.x以及以上版本中默认没法在electron渲染进程引入nodejs中的模块所以需要在主进程中添加 mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { //添加这句话 nodeIntegration: true } }); ...
Electron渲染进程引入模块：Uncaught ReferenceError: require is not defined
小龙在线
07-16 624
参考官网https//www.electronjs.org/docs/latest/tutorial/context-isolation。原因是Electron的安全限制，可以给BrowserWindow配置上。
纯html项目配置babel，报错Uncaught ReferenceError: require is not defined
卡卡西：一个擅长拷贝的前端程序员
05-26 5271
需求描述 有时候想要写一个简单的测试 demo，只需要一个 html文件 + 一个js文件，但是需要 import 一些npm包，如何做简单的 babel 配置呢？ 操作步骤 创建项目 mkdir demo cd demo 此时 demo 目录下空空如也，什么也没有。 npm初始化 npm init 一路回车，此时 demo 下新增了一个 package.json 文件 新增 src/index.js 和 index.html 文件，目录结构如下： | - src | |- index.j
electron v12.0.0: Uncaught ReferenceError: require is not defined 已设置nodeIntegration: true
banerye的博客
03-05 3475
我按照官方指南，试图在渲染进程里利用 require 引用包，并且在 创建 BrowserWindow 时，确实 设置了 webPreferences 中的 nodeIntegration 为 true，但还是报错： 这是我的 index.js 里创建窗口部分的代码. app.on('ready', function() { win = new BrowserWindow({ webPreferences: { nodeIntegration: true,
electron Uncaught ReferenceError: require is not defined at
11-15
在渲染进程中，Node.js模块是不可用的，因此当你在渲染进程中使用require时，会出现“Uncaught ReferenceError: require is not defined”错误。 为了解决这个问题，你需要在渲染进程中使用Electron提供的remote...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值