问题一:打包后,background.js中会出现模块引入报错。Electron是commonJs规范,但使用了ESM规范 import{ createProtocol }from'vue-cli-plugin-electron-builder/lib' 问题二:大量文章都将build option写入package.json,但是实际上需要写入vue.config.js中 问题三:当为了解决第一个问题,删去createProtocol的引入,会导致exe...
前段时间使用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 server...98%after emitting CopyPlugin...
我们本质上用的还是electron-builder来进行打包的,所以参数肯定是在electron-builder的官网上 回到electron-builder官网,并点击菜单 Configuration image.png 根据官网的文档,我们可以写出配置如下: module.exports={pluginOptions:{electronBuilder:{builderOptions:{"appId":"com.example.app","productName":"aDemo",//...
vue.config.js配置防止浏览器报错'__dirname' is not defind // 在项目根目录新建vue.config.js文件module.exports={pluginOptions:{electronBuilder:{nodeIntegration:true}}} 此时应该可以在.vue文件中访问到this.$electron对象了,注意:一定要重启项目,vue.config.js配置的文件才能生效 2.在.vue文件中使用this.$...
Vue CLI Plugin Electron Builder 打包出现空白问题,使用yarnelectron:serve测试是正常的打包后就异常了首先修改路由模式//vue-router4.x版本constrouter=createRouter({history:process.env.IS_ELECTRON?createWebHashHistor...
在使用vue-cli-plugin-electron-builder打包后发现应用程序没有执行preload.js文件于是查找原因 根据查阅的资料打包后的源文件放在\dist_electron\win-unpacked\resources\app.asar,app.asar是一个压缩文件需要解压才能看到里面的内容 npm install -g asar /** ...
修改vue-cli-plugin-electron-builder⼊⼝看源码 在 vue.config.js ⾥增加配置 module.exports = { pluginOptions: { electronBuilder: { mainProcessFile: 'src/mainProcess/entry.js',} } };重启应⽤。注意：1. package.json ⾥的配置 "main": "background.js", 不要动，否则打包会报错。
https://nklayman.github.io/vue-cli-plugin-electron-builder/ 1. 用vuecli创建一个vue工程 过程省略 2. 安装electron-builder vue add electron-builder // 安装的东西很多,注意网络 // 可以先安装cnpm install --save-dev electron-chromedriver
run electron:build，会发现应用的图标变了 最终在dist_electron目录下生成build后的产品。参考： https://wangdaodao.com/20200707/vue-cli3-electron.html https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/ https://segmentfault.com/a/1190000021376934 ...
用Vue/cli@3和vue-cli-plugin-electron-builder构建Vue+Electron的方式写桌面端,在添加上述的插件的时候下载速度过慢,主要原因是 electron-chromedriver 的锅!然后,用yarn先下载了依赖yarn add electron-chromerdriver但是执行 vue add vue-cli-plugin-electron-builder 的时候还是重新卡在了 electron-chromedriver,...