electron 使用 `vue-cli-plugin-electron-builder`无法使用`node`模块找不到`fs`

最新推荐文章于 2024-05-22 11:49:54 发布
原创 最新推荐文章于 2024-05-22 11:49:54 发布 · 1.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron

本文介绍如何在使用vue-cli-plugin-electron-builder构建Electron应用时，解决因默认配置导致的无法使用Node.js核心模块fs的问题。通过正确配置vue.config.js文件中的electronBuilder属性，可以轻松实现nodeIntegration并启用对Node.js API的支持。

electron 使用 vue-cli-plugin-electron-builder无法使用node模块找不到fs

需要在vue.config.js中配置electronBuilder -> nodeIntegration:true，直接在backage.js中开启并无效果
在这里插入图片描述

Electron Builder （vue-cli-plugin-electron-builder） 打包后显示无法找到第三方模块问题解决方案之一
Callback_heaven
01-11 5430
使用的是：Electron Builder 文档为：https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/#installation 正片： 开发完成后打包，由于内部文件引用了electron-log，打包后发现提示Cannot find module，于是开始寻找问题所在： 查看了一些资料后，检查外层的package.json中的dependencies发现很全 "dependencies": { "core-js":
将Vue工程打包为Electron：vue-cli-plugin-electron-builder
超频化石鱼的博客
04-13 2502
介绍 vue-cli-plugin-electron-builder 插件的作用是将一个Vue工程打包为Electron程序。 官网: https://nklayman.github.io/vue-cli-plugin-electron-builder/ 与electron-vue对比 作用目标 作用方式 更新维护 electron-vue electron-vue工程 编译工程中的Vue代码 不及时 vue-cli-plugin-electron-builder Vue工程 将V
vue-cli使用vue-cli-plugin-electron-builder插件，运行时不启动electron程序？
fyt0215的博客
05-23 7614
记录一个关于vue-cli的小小小小坑儿 前段时间使用vue-cli-plugin-electron-builder插件配合vue-cli 3.x/4.x搭建electron项目。 在我的电脑上运行npm run electron:serve，正常启动electron应用： > vue-demo1@0.1.0 electron:serve D:\demo\vue-demo1 > vue-cli-service electron:serve INFO Starting development
vue-cli-plugin-electron-builder
idoits的博客
05-15 908
1. 安装electron-builder需要node版本>=14.0.0 ， electron>=13.6.9。2. Electron+vue开发环境(支持VUE-CLI 3.0 +)2.进入指定项目目录执行：vue add electron-builder。
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！ 您准备好出发了！ 要启动开发服务器，请执行以下操作：如果您使用Yarn（强烈建议使用）：yarn ...
vue-cli-plugin-electron-builder打包vue2
最新发布
2301_80553345的博客
05-22 1046
会自动下载electron相关的包(需要选择node对应版本的electron包)，生成运行命令并在src目录下生成background.js。1、下载npm install vue-cli-plugin-electron-builder --save -dev。npm run electron:build打包，打包成功如下，会在dist文件夹中生成包。需要存在version，description，author，没有请添加。3、修改backgound.js，打开后窗口大小。
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
:warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新Quasar版本的能力，您应该使用Quasar CLI 请通过您的网站/ app / Quasar教程/视频等将PR提交到 。谢谢！...
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
7. **发布更新**：使用`electron-builder`将应用打包并发布到服务器，确保`electron-updater`能够访问到更新信息和下载链接。 通过以上步骤，开发者可以构建出一个具有完整远程更新功能的Electron应用。`electron-...
9、electron-vue安装node-serialport
热门推荐
丶诺风的博客
03-22 4万+
安装 node-serialport是使用Nodejs在Windows上调用串口，具体用法请参考telnet-client yarn add serialport // 或 cnpm install -save serialport yarn安装方式 npm install -g yarn cnpm安装方式 npm install -g cnpm --registry=ht...
electron+vue集成环境组件内导入 electron/node 模块的几种方法
黄星的专栏
03-03 1996
通过 vue-cli-plugin-electron-builder 集成的 electron 环境 background.js webPreferences: { // webSecurity: false,// 取消跨域限制 enableRemoteModule: true, // 取消 Remote 模块警告 nodeIntegration: true // 是否集成 Nodejs } vue 组件 const { ipcRenderer, remote } = window.req.
Electron 12 学习（四）Vue CLI Plugin Electron Builder 安装与配置
05-21 4119
添加 Vue CLI Plugin Electron Builder： vue add electron-builder D:\WebstormProjects\Electron-12-Study>vue add electron-builder ???? Installing vue-cli-plugin-electron-builder... + vue-cli-plugin-electron-builder@2.0.0 added 238 packages from 119 contri
解决安装 Electron 或者使用 Vue CLI 插件添加 Electron 时出现的常见错误
qq_43326668的博客
05-24 1798
但是，在安装 Electron 或者使用 Vue CLI 插件添加 Electron 时，常会遇到一些错误，影响开发者的工作效率和程序的质量。总之，Electron 和 Vue CLI 是非常强大和实用的工具，但是在安装和使用过程中也会遇到一些错误。通过本文介绍的解决方案和最佳实践，你可以更好地使用 Electron 和 Vue CLI，提高自己的开发效率和程序的质量。淘宝镜像是淘宝开发团队维护的一个 Node.js 和 NPM 的镜像源，包含了 Node.js 和 NPM 的最新版以及所有历史版本。
vue引用electron_【Electron】开发中的一些问题
weixin_39838302的博客
11-21 465
近日在开发一个本地音乐播放器(或许日后会加个某易云)，技术栈是Vue+vue-cli-plugin-electron-builder 。开发过程中也遇到了一些问题，现在拿出来跟大家分享一下。01—在Vue页面中正常引用Electron方法其实之前没有这个问题的，这次出现了。经过我的测试以及多方查找，最终在Github找了解决办法，原因是nodeIntegration需要开...
electron-builder 的使用
guoqkmiss的博客
03-25 3654
electron-builder 的使用 前言 使用electron-vue开发一个electron跨平台项目。 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project 安装依赖并运行你的程序 cd my-project yarn # 或者 npm install yarn...
Electron实战之环境搭建
xiangzhihong8的专栏
02-22 3442
工欲善其事必先利其器，在进行实战开发的时候，我们最终的步骤是搞好一个舒服的开发环境，目前支持 Vue 的 Electron 工程化工具主要有 electron-vue、Vue CLI Plugin Electron Builder、electron-vite。接下来我们将分别介绍基于 Vue CLI Plugin Electron Builder 和 electron-vite 的开发环境搭建。
Nodejs安装及环境配置
applecc的专栏
06-18 811
1、下载安装包 下载地址：http://nodejs.cn/download/ 根据操作系统及位数选择，如：选择windows64位.msi格式安装包 .msi和.zip格式区别： 1).msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。 2).zip是一个压缩包，解压之后即可，不需要安装 2、安装 下载完成后，双击安装包，.
关于VSCode运行时找不到node文件解决方案（仅供参考）
DUbooS的博客
04-24 2万+
关于初学者使用时出现下图提示时解决方案。（仅供参考） 1）检查一下我们的PATH环境有没有问题 2） 查看一下PATH环境地址是否跟NODE存放位置一致。 3）验证一下node.js是否已经加入到了环境变量： 接着咱们就要重启Visual Studio Code了 试一下是不是好了~ 4）在launch.json文件加上"runtimeExecutable"：“no...
重装nodejs出现找不到
qq_51705526的博客
04-24 8436
前言: c/Users/用户名/AppData/Roaming/npm/hexo: line 11: exec: node: not found 错误: 今天部署部署本地的hexo博客的时候,出现了,上面这个nodejs找不到的错误 看到这里就说明则说明环境变量不正确(想了一下, 昨天上午因为装vue-cli的原因,重装了一下nodejs,环境变量的命名有改动:如下图 主要是缺了这个NODE_PATH变量 解决方案: 我们依次点击 【控制面板】——【系统和安全】——【系统】——【高级系统设置】——【环境变
Vue.js应用桌面化：快速掌握vue-cli-plugin-electron-builder
使用vue-cli-plugin-electron-builder插件之前，首先需要确保已经安装了Node.js环境，并通过npm或者yarn等包管理工具安装了Vue CLI。创建Vue.js项目后，可以在项目目录下打开终端，执行以下命令来安装并调用该插件：...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值