关于electron-vue 安装、运行、打包报错踩坑日记

之前一直用的vue - electron 但可以正常打包win应用 其他版本的打包一直有问题,所以想着重新创建项目用electron- vue ,最终成功脱坑。在这里记录下自己脱坑的日记。为以后遇到同样问题的兄弟们提供个参考。
1、electron 框架安装
目前从网上查的一般是
1.执行 vue init simulatedgreg/electron-vue 但大部分人是下载不下来的。具体原因就不细说
我同样也遇到这个问题,最后查资料 可以直接gitee 上clone electron的项目到本地,然后执行创建electron-vue项目
具体命令
electron-vue gitee 的项目地址: https://gitee.com/mirrors/electron-vue

F:\privateProjects\workspace\project\Elc\ele-vue\electron-vue
是下载下来后的项目路径(根 据 自 己 下 载 的 位 置 自 行 调 整),my-project 是项目名称。
之后根据如下代码,即可快速构建项目模板。
vue init F:\privateProjects\workspace\project\Elc\ele-vue\electron-vue my-project

静等安装完成
2、运行本地创建的项目my-project
2-1、执行命令
npm install
npm run dev

2-2、运行npm run dev 报错
Electron-vue运行时报错“ReferenceError:process is not defined”
在这里插入图片描述
2-3、解决方案:
修改.electron-vue/webpack.web.config.js和.electron-vue/webpack.renderer.config.js文件的HtmlWebpackPlugin,添加templateParameters,如下:

plugins
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值