electron脚手架electron-forge创建项目失败解决方法总结

最近在学习electron,在按照官方文档用electron-forge创建项目的时候遇到一些问题,导致创建失败。

图片.png

报错
✖ Installing NPM Dependencies

An unhandled error has occurred inside Forge:
Failed to install modules: ["electron"]

With output: Command failed with a non-zero return code (1):
如图

图片.png

提示原因是因为没能正常安装依赖(electron)这个包,我网上找到了一些问题产生的原因,例如因为淘宝镜像的地址和npm的地址不一致,导致下载时404 not found,未能正常下载依赖。
贴几个解决答案(ps:这些我试了都没有效果,你们可以试试。。)
https://blog.csdn.net/souvir/article/details/104952859
https://zhuanlan.zhihu.com/p/108380451
https://blog.csdn.net/xcy1193068639/article/details/79514893

然后我后来发现我的情况是electron-forge init my-app之后项目的package.json里面没有注入依赖文件导致的我yarn install下载依赖找不到要下载的依赖包。
应该是在package.json文件里添加上所需的依赖列表才能够成功下载依赖.package.json文件里添加的依赖列表为:

 "dependencies": {
    "electron-squirrel-startup": "^1.0.0",
>     "electron-compile": "^6.4.3"      
  },
  "devDependencies": {
>     "electron-prebuilt-compile": "2.0.4",
>     "electron-forge": "^5.2.2",
    "@electron-forge/cli": "^6.0.0-beta.57",
    "@electron-forge/maker-deb": "^6.0.0-beta.57",
    "@electron-forge/maker-rpm": "^6.0.0-beta.57",
    "@electron-forge/maker-squirrel": "^6.0.0-beta.57",
    "@electron-forge/maker-zip": "^6.0.0-beta.57"
  }

有> 标记的是我新加的依赖,然后进入项目目录 cd ./my-app 跑 yarn install 安装所有依赖,安装玩后跑yarn start,项目就可以成功跑起来了。

图片.png

图片.png

此文仅为个人学习记录,若有错误欢迎随时指出。

原文地址:https://www.cnblogs.com/mingo233/p/14902779.html