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

文章目录

  • electron应用程序打包后运行报错
  • 排查问题
  • 解决办法

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

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

排查问题

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

而这个模块我们开发vue项目时放进开发依赖中不需要打包进去的
在这里插入图片描述
因为electron主入口文件依赖的vue.config.js文件中依赖了 @vue/cli-service 这个模块，所以electron项目打包时也需要把这个模块放进

解决办法

1、把 @vue/cli-service 模块从devDependencies放进dependencies中一起打包到electron项目中就可以正常运行。
在这里插入图片描述

2、本项目vue.config.js文件是创建vue项目时默认存在的，该文件依赖的模块非必须的，也可以修改不依赖该模块即可。
在这里插入图片描述

以上解决方案根据需求选择即可解决问题。

其他electron打包后运行类似这种cannot find module ‘XXX’的报错，基本也是因为开发依赖模块未打包进去导致。

# vue.js # electron # javascript
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

deck.gl TripsLayer 出租车轨迹动画示例实战：从示例运行到着色器原理

TripsLayer 是 deck.gl 中用于渲染**随时间流动的轨迹动画**（如出租车行程、物流路径、迁徙路线）的核心图层。本文以仓库中的最小独立示例 [examples/website/trips](https://link.gitcode.com/i/1442af8f442f4cff39ff546e050fceb5) 为骨架，带你完成从安装依赖、启动应用、理解曼哈顿出租车数据格式，到深入

avatar 天工造物局

Foundry Anvil 中 eth_simulateV1 的 Blob 交易与 Blob Gas 字段规范化：原理、实现与测试验证

本篇技术指南以 [anvil-simulate-blob-transactions.md](https://link.gitcode.com/i/3d2ebe227262de169335eb290af80da8) 这条 changelog 条目为起点，深入剖析 Foundry Anvil 对 `eth_simulateV1` RPC 返回结果中 blob（EIP-4844）交易与 blob gas

avatar 天工造物局

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局