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

最新推荐文章于 2024-05-22 11:49:54 发布
最新推荐文章于 2024-05-22 11:49:54 发布
阅读量775 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： electron 文章标签： vue.js electron 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39664702/article/details/125390248
本文介绍如何在使用Vue CLI的electron-builder构建Electron应用时，配置nodeIntegration=true以解决引入Node.js模块如fs找不到的问题，包括详细步骤和注意事项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题描述

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

产生原因：

在这里插入图片描述

解决方案：

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

vue转electron项目以及使用fs报错：Module not found: Error: Can‘t resolve ‘fs‘ in解决办法
feinifi的博客
09-16 2万+
vue项目转electron手动操作需要在命令行下运行vue add electron-builder，在使用node依赖开发桌面程序的时候，需要把node集成进来，配置nodeIntegration变量。
Electron Module not found Error: Can‘t resolve ‘fs‘ 或 fs.existsSync&&ipcRendere.send is not function
qq_45677405的博客
04-20 1946
electron 进程间通信报错2024年最新解决方案
Error: Cannot find module ‘node:fs‘
web_long的博客
03-28 4214
Error: Cannot find module 'node:fs'
Module not found Error Can‘t resolve ‘fs‘ ...onode_modules‘electron‘
coder-long的博客
11-16 2921
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
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 960
会自动下载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-...
vue-cli使用vue-cli-plugin-electron-builder插件，运行时不启动electron程序？
fyt0215的博客
05-23 7563
记录一个关于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
【Cannot find module ‘node:fs‘ 】【node版本更新升级】【Git BASH (MSYS) is not supported by n】
farmland
09-13 3963
不同于一般的【Error: Cannot find module‘ ***** ’】并非是因为缺少依赖，而是运行环境的node环境版本太低，并不能通过修改Config文件解决问题 进入node官网下载页底部进入先前已发布的所有版本选择合适的版本，直接安装到之前的位置，免得重新配置环境变量最后node -v 确认版本号，安装是否成功。
【Electron】Electron打包后无法正常使用 node第三方模块失效
这道题我不会做...不会做啊..太难了！！
03-08 6589
引言 今天遇到了一个奇怪的事情，项目在本地运行npm start的时候可以正常的使用，但将其使用electron-builder打包后，原先可以使用的项目却不能用了，而且也没有任何的错误提示 原因 使用electron-builder打包时，默认情况下会对项目进行asar处理 Asar是一种简单的、广泛的存档格式，它的工作原理如下tar它不需要压缩就将所有文件连接在一起，同时具有随机访问支持 此时项目中的一些依赖就无法进行链接了，从而模块的造成了莫名失效 解决方法 在package.json文件中对bu
Cannot find module ‘node:fs‘ 解决
热门推荐
m1009113872的博客
11-24 2万+
Cannot find module 'node:fs' 解决代码片（全局安装n模块）也可以使用node最后一个版本。
项目使用npm run dev出现Cannot find module ‘node:fs‘
cxklht的博客
03-04 4687
项目使用npm run dev出现Cannot find module 'node:fs'
npm启动报错Module not found: Error: Can‘t resolve ‘fs‘
培根芝士的专栏
11-18 8777
在webpack.config.js文件里添加上： node: { fs: 'empty' }
electron Error: Can't resolve 'fs'(编译报错)
舜岳的博客
04-22 1万+
报错内容： 报错原因： Node运行时提供了这些东西，所以将它们从输出包中排除依赖项， 防止捆绑某些导入的软件包，而是在运行时检索这些外部依赖项。 解决方法： 在webpack.config.js添加如下内容 module.exports = { //... externals: { 'electron': 'require("electron")' }, }; ...
Angular6使用electron时，报错Cannot resolve ‘fs‘ ‘path‘
u010376229的博客
10-21 1550
想使用ipcRenderer给electron主进程发送消息，但是报错 ERROR in ./node_modules/electron/index.js Module not found: Error: Can't resolve 'fs' in '/Users/xxxx/Developer/angular_bootcamp/ipcStudy/node_modules/electron' ERROR in ./node_modules/electron/index.js Module not foun
【踩坑】electron项目中明明没有安装对应的 npm 包，但报错找不到模块
Wonder233的学习博客
03-25 1738
引入的某个 npm 包名与 electron上挂载的属性同名时，同时都使用打包时会被认为是electron的原生模块，不会打入 node_modules 依赖里。
【Electron】打包失败。缺少第三方组件。
Demonskp
04-06 2605
【错误出现的地点】 最近为财务的一个小伙伴做的对账需求软件。使用了Electron来做一个桌面应用。但是当我引入了node-xlsx这个模块之后，就无法打包出正确的应用。但是直接运行的话，却没有问题。这个问题困惑了我很久。 【排查问题的过程】 首先一开始我打包成应用的时候，将源码打包成了asar包。这样的话无法看到打包后源代码的构成。于是我取消了这个选项。 asar包...
Vue.js应用桌面化：快速掌握vue-cli-plugin-electron-builder
使用vue-cli-plugin-electron-builder插件之前，首先需要确保已经安装了Node.js环境，并通过npm或者yarn等包管理工具安装了Vue CLI。创建Vue.js项目后，可以在项目目录下打开终端，执行以下命令来安装并调用该插件：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值