electron-builder 对Vue CLI和Node.js的版本有一定的要求。你可以通过运行以下命令来检查你的Vue CLI和Node.js版本: bash vue --version node --version 确保你的Vue CLI版本是支持 vue add 命令的(通常是Vue CLI 3或更高版本),并且Node.js版本符合 electron-builder
通过命令vue add electron-builder安装electron-builder报如下错误: D:\Code\Web\StudyOrTest\vue_init> vue add electron-builderWARN There are uncommitted changesinthe current repository, it's recommended to commit or stash them first.? Still proceed? Yes� Installing vue-cli-plugin-electron-builder....
INFO Launching Electron... 从上图可以看出,cli先是帮我们启动了一个localhost服务,就像我们使用传统的npm run serve。然后启动electron服务,并加载本地启动的服务win.loadURL(process.env.WEBPACK_DEV_SERVER_URL)。 但是,同事通过git拉取代码,并安装依赖后,发现只启动serve服务,并没有启动electron程序,如下: 1 2...
emm打包的时候应该是使用的生产环境也就是dependencies中的包也就是build的时候可能找不到electron-updater模块,提示 hidden modules也就不是很奇怪的问题了(个人感觉这里应该直接给个异常或者警告比较好),那是不是我应该将electron-updater模块安装到dependencies就可以了呢?
npm run electron:build ``` 这将在您的应用程序根目录下生成一个release文件夹,其中包含了打包好的Electron应用程序。 通过以上步骤,您已经成功地将Vue.js应用程序转换为Electron应用程序,可以在桌面上运行和分发。 ### 总结 通过使用vue add electron-builder插件,您可以轻松将Vue.js应用程序转换为Electron应用程序...
打包命令为:"cross-env MODE=production npm run build --emptyOutDir && electron-builder build --config electron-builder.json --dir --config.asar=false"
vue -V (Output: @vue/cli 5.0.4) vue create . (TypeScript Vue3) vue add electron-builder (Electron 13.x.x) Expected behavior Start a default electron window. Screenshots None. Environment: custom config for vcp-electron-builder: None ...
打包后页面打开空白可能是文件路径不对，修改vite.config.ts文件里的 base 路径为 ./ 如果还是空白页面...
打包APP 删除dist_electron文件夹，重新执行打包命令，npm run electron:build，会发现应用的图标变了 最终在dist_electron目录下生成build后的产品。参考： https://wangdaodao.com/20200707/vue-cli3-electron.html https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/ htt...