安装VUE BLACK DASHBOARD时报错

在npm install安装Creative Tim的VUE BLACK DASHBOARD模板和VUE WHITE DASHBOARD 模板时，出现以下报错：

npm ERR! code 1
npm ERR! path C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\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: C:\Program Files\nodejs\node.exe C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\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   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\romantic blood\\Desktop\\v+e\\clips\\creator\\vue-black-dashboard-master\\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 ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.14.2 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb download using dist-url https://npm.taobao.org/dist
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  python2 Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` succeeded python D:\python-3.7.0\Python37\python.EXE
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: D:\python-3.7.0\Python37\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack   File "<string>", line 1
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                                ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:399:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:526:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1092:16)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! gyp ERR! System Windows_NT 10.0.19045
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\romantic blood\\Desktop\\v+e\\clips\\creator\\vue-black-dashboard-master\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Users\romantic blood\Desktop\v+e\clips\creator\vue-black-dashboard-master\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.14.2
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\romantic blood\AppData\Local\npm-cache\_logs\2022-12-01T09_09_49_500Z-debug-0.log

通过查询后发现，是由于sass的环境与node的版本不匹配导致的，终端输入node -v发现当前安装的版本是node16

修改package.json：

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

再重新npm install，报错消失，npm run serve后可看到效果：

node-sass对应表
参考（https://www.npmjs.com/package/node-sass）