Electron使用nodejs的坑，Can‘t resolve ‘child_process‘错误_can't resolve 'child_process-程序员宅基地

技术标签： electron  前端  javascript  

child_process模块能够帮助我们调用cmd，当我整合到electron项目中时，遇到的相关错误如下.

使用vue-cli脚手架+electron-builder的方式创建的electron项目。

使用npm run electron:serve启动服务时报错:

./src/utils/open.js的 代码如下，直接使用node ./src/utils/open.js命令时可以正常启动微信程序（注意自己使用时的路径问题）

var { exec } = require('child_process')

exec('start "" "C:\\Program Files (x86)\\Tencent\\WeChat\\WeChat.exe"'), function (err, stdout, stderr) {

    console.log('ok')

    if (err) {

        throw err;

    }

}

检查后发现require应该使用window.require,也就是将上述第一句修改为:

var { exec } = window.require('child_process')

但是需要注意，如果是使用vue-cli+electron-builder创建的项目(顺带一提，此方法只需两步，一、vue create 文件名；二、vue add electron-builder)，你的background.js中会有以下代码

const win = new BrowserWindow({

    width: 1100,

    height: 800,

    webPreferences: {

  
       nodeIntegration: process.env.ELECTRON_NODE_INTEGRATION,

       contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,



    }

  })

webpreferences中需要修改,修改结果如下 ：

  const win = new BrowserWindow({
    width: 1100,
    height: 800,
    webPreferences: {   
      nodeIntegration: true,
      contextIsolation: false,
    }
  })

其本身是允许使用nodejs相关的代码，如果使用原来的代码，会报window.require is not defined，如果是自己搭建结构的话，new BrowserWindow里不要忘了加上webPreferences这个配置项。

修改后，就可以在electron程序中正常启动了。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kongbaidejun/article/details/126330803

智能推荐

labelme UnicodeDecodeError: ‘gbk‘ codec can‘t decode byte 0xaf in position 227: illegal mult_file "c:\rgzn\labelme-main\setup.py", line 91, in -程序员宅基地

文章浏览阅读1.9k次，点赞4次，收藏4次。[INFO ] __init__:get_config:71 - Loading config file from:C:\Users\xxx\.labelmercTraceback (most recent call last): File .... line 191, in <module> main() File ...., line 145, in main config = get_config(config_file_or_yaml, config_fro_file "c:\rgzn\labelme-main\setup.py", line 91, in main if sys.argv[1] == "re

[基础] Dart - 条件表达式_dart 条件表达式-程序员宅基地

文章浏览阅读343次。Dart - 条件表达式关于Dart 语言的基础学习记录Dart 官方网站if…else 条件表达式if(条件A){ //条件A成立执行的内容}else if(条件B){ //条件B成立执行的内容}else{ //条件A-B 都不成立执行的内容}switch…case 条件表达式int a = 1;switch(a) //需要判断的内容{ case 1:..._dart 条件表达式

CentOS7 完全卸载 php-程序员宅基地

文章浏览阅读2.2k次，点赞2次，收藏3次。在 CentOS 7 使用 yum install 简单安装 php 后，发现 php 版本 5.4 ，太低了！然后，使用 yum remove 简单卸载后，发现 php 还在，不干净！只好 rpm 慢慢卸载

ASP.Net中使用Log4Net-程序员宅基地

文章浏览阅读254次。1、在Web.Config配置Code<configSections><sectionname="log4net"type="log4net.Config.Log4NetConfigurationSectionHandler,log4net"/></configSections><log4net><!--De..._asp.net中使用log4net

js实现图片压缩【无需导包】-程序员宅基地

文章浏览阅读800次。将图片压缩后，我们会得到一个 Base64 编码的字符串，该字符串包括了压缩后的图片数据以及一些元信息，如图片格式、压缩质量等。可以通过第二个参数来设置图片的压缩质量，该参数的取值范围是0到1，其中0表示最低质量（最高压缩），1表示最高质量（最低压缩，默认值为0.92）。就是如果后续需要把压缩后的图片比如说进行上传操作，我们得得到处理后图片的Base64 编码就好办了，其实这个 Base64 编码就在眼前。这里我再提供一个vue测试代码，可以在控制台中打印出图片压缩前后的size，以及图片压缩后的回显。

第十三届蓝桥杯省赛C++ C组《全题目+题解》_蓝桥杯c组省赛-程序员宅基地

文章浏览阅读5.4k次，点赞75次，收藏141次。本篇来自第十三届蓝桥杯省赛C++ C组《全题目+题解》_蓝桥杯c组省赛

随便推点

【ThinkPHP5初体验（二）1】CSRF防范原理（thinkphp5 CSRF ajax令牌）_tp5 开启csrf令牌-程序员宅基地

文章浏览阅读4k次。CSRF是什么我就不解释了，百度一搜全是，比波姐的片源还要多，千篇一律都他么是复制粘贴。那为什么这个令牌（token）操作可以防范CSRF呢？下面我就随便说说说错了大家不要介意。首先我们要知道令牌是存储在session里面的，这个很重要 php代码如下&lt;?php namespace app\index\controller; //我直接允许跨域，因为伪装..._tp5 开启csrf令牌

市盈率、市净率、净资产收益率股息率介绍-程序员宅基地

文章浏览阅读1.7k次，点赞2次，收藏6次。市盈率PE市盈率 = 市值/净利润概念解析：买入一家公司，几年回本，年化收益率：净利润/市值(市盈率的倒数)举例：砖头10万买个砖头，每年拍人带来1万利润，需要10年回本市盈率：10/1 = 10年化收益率：1/10 = 10%市净率PB市净率 = 市值/净资产净资产 = 总资产 - 负债举例：张三便利店，净资产：120万市值：1..._净资产收益率和股息率

墨器杯垫 文创商品设计特优_杯垫文创设计说明-程序员宅基地

文章浏览阅读737次。教育部昨举行「102年国立馆所文创商品设计比赛」颁奖典礼，台北科技大学创新设计研究所硕士生谢镇宇，为TW艺术教育馆设计「墨器」杯垫，取「默契」谐音，用5片压克力板，展现水墨画层层渲染效果，增加立体视觉感受，并在杯架后方加入LED光源，获评审肯定夺特优奖和奖金10万元。台南应用科技大学商品设计系学生高郁翔，为国立自然科学博物馆设计「恐龙化石钉书机」，他认为小朋友把钉书机钉下去的那一刻，会觉得像暴龙準_杯垫文创设计说明

C#中关于XML与对象，集合的相互转换-程序员宅基地

文章浏览阅读404次。XML与对象，集合的相互转化　　今天小伙伴在群里问了一下关于XML与对象之间的相互转换，作为菜鸟的我正好趁着闲着的时间学习了一波，直接上代码了，有疑问或者有错误的地方还请大家指正，谢谢。。。。 1 using System; 2 using System.Collections.Generic; 3 using System.IO; 4 using System...._c# xml转集合

笔记：图以及cpp基础-程序员宅基地

文章浏览阅读1.8k次。如int fun(int i,char a)和void fun(char a,int i)就可以构成函数重载，根据函数名修饰的原理我们可以得到_funic和 _funci两个经过修饰之后得到的函数名，在进行修饰后的函数名显然是不同的。定义：同一个作用域内，相同函数名，参数不同（类型不同，个数不同）可以构成函数重载（和返回值无关）分析其二：顶点i的度即为第i行和i列的“1”的个数，如果是无向图就只要考虑每一行“1”的个数。图的邻接矩阵为一个二维数组，设为A.arcs【i】【j】（理解为两个顶点之间的关系）_cpp

CISCO路由器交换机简介及Packet+Tracer使用说明-程序员宅基地

文章浏览阅读571次。附录一 路由器和交换机产品简介 （一）路由器 思科公司的产品被网络用户广泛的使用，对它们的典型产品及其特性的了解可对网络设备有一定大致的认识，以下主要对Cisco1800系列、Cisco2600系列、Cisco 2800系列、Cisco 3700 系列模块化和固定配置的路由器产品进行简单介绍。首先以"S26C-12007XK "，"CD26-BHP-12..._cisco packet tracer路由器与转发器

推荐文章

热门文章

相关标签