Electron应用程序打包后运行报错cannot find module ‘@vue/cli-service‘

最新推荐文章于 2025-04-29 17:34:40 发布
最新推荐文章于 2025-04-29 17:34:40 发布
阅读量1.4k 收藏 9
点赞数 6
分类专栏： electron vue 前端 文章标签： vue.js electron javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44341110/article/details/142339999
版权

本项目打包运行后报错问题的解决办法，类似于其他cannot find module 'XXX’的报错，也基本可以解决

文章目录

electron应用程序打包后运行报错

错误如下：
在这里插入图片描述
提示找不到该模块

排查问题

本项目使用electron+vue开发，vue已经正常编译打包，可直接在浏览器打开运行没问题
在这里插入图片描述
electron项目直接以开发模式运行不打包也能正常运行
在这里插入图片描述
也就是问题出在electron打包后，仔细排查问题所在，在electron主入口文件中依赖了vue.config.js文件
在这里插入图片描述
该文件中依赖了 @vue/cli-service模块

最低0.47元/天 解锁文章
Electron报错Cannot find module的Node.js依赖问题解决方案
shejizuopin的博客
05-21 765
在Electron开发中，Cannot find module错误常见于Node.js模块引用问题。主要原因包括模块未安装、路径错误、版本不兼容或缓存问题。解决方案包括：确保模块正确安装、检查路径、验证Electron与Node.js版本兼容性、清理并重新安装模块、使用electron-rebuild工具重新编译模块，以及参考官方文档和社区讨论。通过这些方法，开发者可以有效解决模块引用问题，确保项目的稳定性和兼容性。
electron 配置、打包 -报错解决
CMDN123456的博客
07-31 2612
electron 配置、打包 -报错解决
npm运行electron项目文件问题汇总
qq_42186847的博客
08-02 875
本次环境的安装是通过npm安装
electron:Cannot find module‘XXX‘——求助帖
济南信息学奥赛刘老师
03-13 3760
求助帖子 运行electron项目时出现种错误: App threw an error during load Error: Cannot find module 'signale' Require stack: - E:\Workspace\ElectronWorkspace\edex-ui-master\src\_boot.js - E:\Workspace\ElectronWorkspace\edex-ui-master\node_modules\_electron@12.2.3@electro
electron-builder打包后无法启动，提示错误：gpu process launch failed: error_code=18
最新发布
zzh_Cochonbebe的博客
04-29 147
这类现象很大一部分可能是因为electron的sanbox 安全隔离原则导致electron无法调用系统GPU的API导致的；
electron打包以后打开项目提示module找不到
liulang68的博客
05-29 657
解决方法就是想办法把包放到asar下面的node_modules里面。可加q:2430486030解决。
解决electron-build打包后运行app报错:cannot find module xxx
jiaohuizhuang6019的博客
11-28 6237
解决electron-build打包后运行app报错:cannot find module xxx
Electron运行报错：Error Cannot find module ‘node_moduleselectroncli.js‘
没化妆，别看
07-12 2308
至于说为什么不直接下载到项目的目录中，我这里是因为本身项目的运行是要用npm的，cnpm下载项目依赖不合适，只能先下载到别处然后再拷贝了。如图，这样的话可行的electron包就被下载到全局的位置了，然后我们拷贝到项目目录下的node_modules就可以了。在国内下载Electron挺慢的，这里我提供一种目前我尝试可行的方法。，我们可以从安装在全局的包里拷一份到项目目录中，再次运行即可成功。时候，会优先从项目目录查找对应依赖，如果是报错显示是。首先我们可以独立打开一个cmd，然后执行。
electron 打包后找不到module问题
fz250052的博客
12-19 8440
使用electron时调用了nodejs模块，在vscode调试时没有问题，打成exe包后运行报找不到module的erro。这个错误是因为打包时没有把使用的module编译，解决办法是手动在package.json文件中dependencies里添加使用的模块然后打包就可以了。 ...
electron打包后，点击生成的exe应用程序出现Cannot find module “​electron-reloader​“ 问题
weixin_52263227的博客
01-18 2977
在学习electron，在项目中引入了electron-reloader这个包。在开发模式下是能正常运行的，但是打包后却会包Cannot find module “electron-reloader” 的问题,解决方案： 在打包的程序中的app目录下运行cmd命令行，然后输入cnpm install --save-dev electron-reloader ...
vue项目关于：Error: Cannot find module ‘D:\@vue\cli-service\bin\vue-cli-service.js‘和npm 安装依赖时无法解析依赖树的解决方案
m0_74229735的博客
11-27 6605
今天在创建vue项目时出现了两个问题，分享一下我是如何解决的。
bug Error: Cannot find module ‘vue-loader-v16/package.json‘的解决办法
weixin_40945354的博客
03-03 2376
更新，命令如下，在 https://stackoverflow.com/questions/63504594/error-cannot-find-module-vue-loader-v16-package-json 查到 cnpm i --save-dev vue-loader-v16 ivyone@ivyonedeMacBook-Pro daily-cost % cnpm install ⠦ [12/17] Installing source-map@^0.6.1[vue-loader-v16@npm
Electron app打包后启动报错：Cannot find module ‘reflect-metadata‘
coderflyer
12-15 6166
前言 这是一系列Electron app开发过程中的踩坑之旅，特此记录下来，分享给大家，每一篇都是一个坑和填坑解决方案！ 问题 执行打包命令后，打出来的app启动就报错，错误信息如下： A JavaScript error occurred in the main process Uncaught Exception: Error: Cannot find module 'reflect-metadata' Require stack: - /Applications/aDemo.app/Contents/
vue 项目启动失败
qq_27009517的博客
09-24 3267
D:\vue2\vue-element-admin-master>cnpm run dev > vue-element-admin@4.4.0 dev D:\vue2\vue-element-admin-master > vue-cli-service serve internal/modules/cjs/loader.js:905 throw err; ^ Error: Cannot find module '@vue/cli-plugin-babel' Require s..
babel源码解析之（@babel/preset-env）
vv_bug
06-30 5230
前言 还记得之前写过一篇文章:babel源码解析一,里面把babel的整个流程跑了一遍，最后还自定义了一个插件用来转换“尖头函数”，通过前面的源码解析我们知道，preset其实就是一些插件的集合，这一节我们来介绍一个babel中比较重要的preset“@babel/preset-env”，可能有些小伙伴已经用过了，没用过的话至少也应该见过，废话不多说，我们直接盘它。 开始 我们从项目创建开始，首先我们创建一个叫babel-demo的项目用来测试babel，然后执行npm初始化 npm init 然后我们
第三方npm包混淆导致Electron 项目启动报错解析：`Cannot find module ‘events‘`
高考我军的博客
03-05 1236
在使用Webpack打包Electron应用时，混淆过的第三方包可能会导致 Webpack 无法正确解析某些依赖，尤其是当依赖通过动态require()或数组索引等间接引用时。通过修改文件，使用externals配置将这些模块排除在 Webpack 的解析之外，能够有效避免此类问题，确保应用能够正常启动。
Error: Cannot find module ‘@vue/cli-service/generator/template/src/App.vue‘
qq_41304029的博客
07-30 679
然后重新 vue add typescrpit。
Vue Cli报错，Error: Cannot find module ‘@vue\cli-service\bin\vue-cli-service.js
u012597989的博客
10-27 2708
打开项目目录node_modules>.bin>vue-cli-service.cmd，内容修改为下： @IF EXIST "%~dp0\node.exe" ( "%~dp0\node.exe" "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %* ) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node "%~dp0\..\@vue\cli-service\bin\vu
Vue项目报错：error:cannot find module xxx\@vue\cli-service\bin\vue-cli-service.js
qq_45484847的博客
07-30 3677
【代码】Vue项目报错：error:cannot find module xxx\@vue\cli-service\bin\vue-cli-service.js。
如何解决在尝试使用Vue CLI插件'vue-cli-plugin-electron-builder'时遇到的'Uncaught Exception: Error: Cannot find module'错误？
11-23
当你在尝试使用`vue-cli-plugin-electron-builder`时遇到"Uncaught Exception: Error: Cannot find module"错误，这通常是由于缺少模块或者配置不完整所导致的。以下是几种可能的解决方案： 1. **安装缺失模块**：检查报错中的模块名，如果没有安装，使用`npm install`或`yarn add`命令进行安装。例如，如果是`@electron/get`这样的模块，可以输入`npm install @electron/get`。 2. **全局安装**：有时候，如果某个插件需要在全局范围内使用，你可以考虑将其安装在全球范围，即在根目录下执行安装命令。 ```bash npm install -g electron-builder ``` 3. **Vue CLI 配置**：确保你在`.vue.config.js`或`vue.config.cjs`（对于CJS配置）中正确配置了`vue-cli-plugin-electron-builder`。检查`build`部分，确保`builderOptions`对象设置正确，包括`asar`、`win`等字段。 4. **更新依赖**：如果你的其他依赖库版本过旧，也有可能造成此问题，尝试更新所有依赖至最新版。 5. **清理缓存**：清除Node_modules和npm/yarn cache，然后重新安装，有时可以解决找不到模块的问题。```rm -rf node_modules``` 和 `npm cache clean --force` 或 `yarn cache clean --all`. 6. **检查项目结构**：确保你在项目的正确位置引入了所需的模块，特别是如果模块是在项目外部引入的。 7. **检查网络连接**：在尝试安装或更新模块时，确保你的网络连接稳定。 如果以上方法都不能解决问题，建议查阅`vue-cli-plugin-electron-builder`的官方文档或搜索相关技术论坛寻找更具体的解答。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值