npm运行electron项目文件问题汇总

npm运行electron项目文件问题汇总

提前声明：本次环境的安装是通过npm安装，而非淘宝镜像源安装
npm装完全局变量，在自己的项目下面也要执行npm install，安装到项目中

总述解决方法

1.在寻找npm安装过程中出现的问题以及报错，主要查看最开始的几行，针对性的去安装缺少的依赖包
2.不推荐一直使用npm install 每次安装的东西过多，可以根据项目运行时候的报错进行排查

解决问题

问题1：

npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! errno ERR_SOCKET_TIMEOUT
npm ERR! request to https://registry.npmmirror.com/xml2js/download/xml2js-0.4.19.tgz?cache=0&sync_timestamp=1599054229598&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fxml2js%2Fdownload%2Fxml2js-0.4.19.tgz failed, reason: Socke
t timeout

原因：npm超时，网络问题

问题2：

'electron-builder' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code 1
npm ERR! path E:\Java\cmp_client\cmp-client
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "electron-builder install-app-deps"

原因：electron安装失败，建议重新安装electron
或者如果是公司的项目的，找前辈大佬要一下node-modules 里面的electron就可以了

问题3：

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code 1
npm ERR! path E:\Java\cmp_client\cmp-client
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "vue-cli-service electron:serve"

原因：缺少vue-cli-service，重新安装vue-cli脚手架

npm install -g @vue/cli

问题3：

Cannot find module 'ansi-styles'

原因：npm安装版本过高，降至6版本，然后安装’ansi-styles’
执行代码：

npm install npm@6 -g

npm install ansi-styles

问题4：

Error: Cannot find module '@vue/cli-plugin-babel'

原因：缺少npm install @vue/cli-plugin-babel

问题5

npm ERR! command failednpm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp rebuild

原因：缺少python的运行环境，查看方法：在系统的环境变量中查看

通过node-gyp list即可查看是否安装成功

问题6：
Error: Could not find a package.json for module sqlite3
原因：项目运行缺少sqlite3环境，或者如果是公司的项目的，找前辈大佬要一下项目中的node-modules 里面的sqlite3就可以了，注意文件夹为一层sqlite3，否则依旧会报错找不到（安装electron同步处理）