解决vue中使用Electron下载慢的问题

项目可能会用到electron做成桌面端应用,这两天学习了一下elctron在vue中的使用,发现安装和运行都遇到了几个问题,现在已经解决,解决方案在此分享一下:

主要执行步骤:

1. 使用 vue cli 创建vue项目:

vue create electron-test

2.安装插件 vue-cli-plugin-electron-builder

vue add electron-builder

3.重要的一步,如果让他直接下载的话,会等很久,所以采取另一种办法,给他停掉

 4.停掉之后我们npm run serve 也报错了,这个时候如果用npm install electron 还是会继续上面的下载,依然很慢,此时我们采用cnpm

cnpm i electron

5.cnpm很快就装好好了,此时我们npm run serve运行和npm run electron:serve都可以了,但是在开启npm run electron:serve桌面端窗口会报一个警告

(node:19844) [DEP0128] DeprecationWarning: Invalid 'main' field in 'D:\vue-2-test-electron\electron-test-1\dist_electron\package.json' of 'background.js'. Please either fix that or report it to the module author
(Use `electron --trace-deprecation ...` to show where the warning was created)

6.这个问题参考网页:Electron Vue3关于错误:[DEP0128] DeprecationWarning Invalid 'main' field in - 掘金v

vue2和vue3的报的这个问题都能解决

7.如果采用ts语法,npm run electron:serve会报错,参考网页:

(13条消息) Application entry file “background.ts“ in the “**dist_electron\win-unpacked\resources\app.asar“ does_东扯葫芦西扯瓜的博客-CSDN博客8.CSDN有个社区区友提供了终极解决办法,就是更换为华为镜像!!!大部分场景很好用,就是存在有些情况下某些依赖的安装包下载速度不如淘宝镜像,99.9%的情况下都是好用的,链接如下:

http://t.csdnimg.cn/yRPk7

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值