前端 - 打包成功后生成的exe找不到第三方包？

Question

const { FtpUpload } = require('ftp-upload')
console.log(FtpUpload, 'FtpUpload');
如果转换成import 会报 EE TypeError: EE is not a constructor

本地命令启动没有问题
"dev:app": "esno ./build/script/startElectron.ts --env=development --watch",
打包
"build:app": "npm run build && esno ./build/script/startElectron.ts --env=production && electron-builder ",
打包成功后生成的exe却报错找不到ftp-upload这个模块。
没办法我就去除了这个ftp-upload模块，改为使用ftp，但是却依旧找不到

声明模块也不行，第一次使用vue3+vite+electron，不知道是什么原因

declare module 'ftp'declare module 'ftp-upload' {  export interface FtpClient {    FtpUpload(      remoteDomain: string,       remotePath: string,       uploadType: string,       rules: any,       threads: number,       localPath: string,       glob: string,       host: string,       port: string,      user: string,      password: string    ): Promise<void>;  }   export default FtpClient;}

Answer 1

看一下你项目下的package.json文件中dependencies有这个包么，如果没有，说明你你安装包的时候没有加上 --save 参数（安装成依赖）。

Answer 2

针对你提到的问题，这里有几个可能的解决方案：

1. 确认模块已正确安装

确保 ftp-upload 或其他第三方包已正确安装在项目的 node_modules 文件夹中。你可以通过运行 npm install ftp-upload 来安装它。

2. 检查 package.json 文件

确认 package.json 文件中已包含了 ftp-upload 作为依赖项，并且在打包过程中没有遗漏。

3. 使用 import 而不是 require

你提到转换成 import 会报错。确保你正确地将 require 语法转换为 ES6 的 import 语法。例如：

// 使用 requireconst { FtpUpload } = require('ftp-upload');// 转换为 importimport { FtpUpload } from 'ftp-upload';

注意：如果你的项目使用 TypeScript，你可能需要确保你的 tsconfig.json 配置正确，以支持 ES6 模块导入。

4. 检查 electron-builder 配置

确保你的 electron-builder 配置正确无误，特别是与打包和包含依赖项相关的部分。有时，你可能需要手动指定要包含的模块或文件。

5. 重建和重新安装依赖

尝试删除 node_modules 文件夹和 package-lock.json 或 yarn.lock 文件（如果存在），然后重新运行 npm install 或 yarn 来安装依赖项。

6. 检查 Electron 版本兼容性

确保你使用的 ftp-upload 或其他第三方包与你的 Electron 版本兼容。有时，某些模块可能不支持较新或较旧的 Electron 版本。

7. 查看控制台输出和日志

仔细查看打包过程中的控制台输出和日志，看是否有任何错误或警告信息，这些信息可能会提供关于问题的线索。

8. 验证模块导出

对于你的自定义模块声明，确保你正确地声明了模块及其导出。有时，模块的实际导出可能与你的声明不匹配，这会导致运行时错误。

总结

解决这类问题通常需要仔细检查项目的配置和依赖项，并确保它们与你的打包工具（如 electron-builder）和电子应用兼容。由于你提到是第一次使用 Vue 3、Vite 和 Electron，因此也可能需要一些时间来熟悉这些工具的特性和配置选项。如果问题依旧存在，建议查阅相关文档或社区论坛以获取更多帮助。