【electron-vue】安装+解决错误

前言

根据参考文献进行安装electron-vue时出现错误，特来记录问题并追溯

当前版本

>node -v
v16.20.2
>npm -v
8.19.4
>vue -V
@vue/cli 5.0.8

实操和问题记录

参考博客electron vue 搭建

通过vue-cli开始搭建electron-vue
vue init simulatedgreg/electron-vue projectName
os：这里拉取的时间较久，选一个网速好的场景
后续操作参考博客

执行npm install遇到的错误

npm ERR! code 1
npm ERR! path F:\vue\electron\electron-0919\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: D:\Program Files\nodejs\node.exe F:\vue\electron\electron-0919\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'D:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'F:\\vue\\electron\\electron-0919\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]

在package.json里修改了node-sass版本

"node-sass": "^6.0.1",
"sass-loader": "^7.0.3",

具体操作

运行	 	npm install --save-dev node-sass
切换淘宝镜像	npm config set registry=https://registry.npmmirror.com/

重新安装 npm i = npm install
PS F:\vue\electron\electron-0919> npm i   
up to date in 3s
103 packages are looking for funding
  run `npm fund` for details
PS F:\vue\electron\electron-0919> npm run dev
> [email protected] dev
> node .electron-vue/dev-runner.js

运行结果

附录

> An electron-vue project

#### Build Setup

```bash
# install dependencies
npm install

# serve with hot reload at localhost:9080
npm run dev

# build electron application for production
npm run build

---

This project was generated with electron-vue using vue-cli. Documentation about the original structure can be found here.

环建配置

问题一

代码里面有