webpack安装node-sass遇到的坑
问题呈现：
npm i sass-loader node-sass -D
安装node-sass的时候报下面的错误：
PS C:\Users\Administrator\Desktop\webpack4.x> npm install sass-loader node-sass --save-dev
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
> [email protected] install C:\Users\Administrator\Desktop\webpack4.x\node_modules\node-sass
> node scripts/install.js
Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-72_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-72_binding.node":
connect ETIMEDOUT 54.231.82.211:443
Timed out whilst downloading the prebuilt binary
Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.
export HTTP_PROXY=http://example.com:1234
or configure npm proxy via
npm config set proxy http://example.com:8080
> [email protected] postinstall C:\Users\Administrator\Desktop\webpack4.x\node_modules\node-sass
> node scripts/build.js
Building: C:\IT软件\node.js\node.exe C:\Users\Administrator\Desktop\webpack4.x\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli 'C:\\IT软件\\node.js\\node.exe',
gyp verb cli 'C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\node-gyp\\bin\\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed at getNotFoundError (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:80:29)
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:89:16
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\index.js:42:5
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (fs.js:166:21)
gyp verb `which` failed python2 Error: not found: python2
gyp verb `which` failed at getNotFoundError (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:80:29)
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:89:16
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\index.js:42:5
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (fs.js:166:21) {
gyp verb `which` failed stack: 'Error: not found: python2\n' +
gyp verb `which` failed ' at getNotFoundError (C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:13:12)\n' +
gyp verb `which` failed ' at F (C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:68:19)\n' +
gyp verb `which` failed ' at E (C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:80:29)\n' +
gyp verb `which` failed ' at C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:89:16\n' +
gyp verb `which` failed ' at C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\isexe\\index.js:42:5\n' +
gyp verb `which` failed ' at C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\isexe\\windows.js:36:5\n' +
gyp verb `which` failed ' at FSReqCallback.oncomplete (fs.js:166:21)',
gyp verb `which` failed code: 'ENOENT'
gyp verb `which` failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` failed Error: not found: python
gyp verb `which` failed at getNotFoundError (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:80:29)
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:89:16
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\index.js:42:5
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (fs.js:166:21)
gyp verb `which` failed python Error: not found: python
gyp verb `which` failed at getNotFoundError (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:13:12)
gyp verb `which` failed at F (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:68:19)
gyp verb `which` failed at E (C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:80:29)
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\which\which.js:89:16
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\index.js:42:5
gyp verb `which` failed at C:\Users\Administrator\Desktop\webpack4.x\node_modules\isexe\windows.js:36:5
gyp verb `which` failed at FSReqCallback.oncomplete (fs.js:166:21) {
gyp verb `which` failed stack: 'Error: not found: python\n' +
gyp verb `which` failed ' at getNotFoundError (C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:13:12)\n' +
gyp verb `which` failed ' at F (C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:68:19)\n' +
gyp verb `which` failed ' at E (C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:80:29)\n' +
gyp verb `which` failed ' at C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\which\\which.js:89:16\n' +
gyp verb `which` failed ' at C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\isexe\\index.js:42:5\n' +
gyp verb `which` failed ' at C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\isexe\\windows.js:36:5\n' +
gyp verb `which` failed ' at FSReqCallback.oncomplete (fs.js:166:21)',
gyp verb `which` failed code: 'ENOENT'
gyp verb `which` failed }
gyp verb could not find "python". checking python launcher
gyp verb could not find "python". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (C:\Users\Administrator\Desktop\webpack4.x\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack at PythonFinder. (C:\Users\Administrator\Desktop\webpack4.x\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack at callback (C:\Users\Administrator\Desktop\webpack4.x\node_modules\graceful-fs\polyfills.js:295:20)
gyp ERR! stack at FSReqCallback.oncomplete (fs.js:166:21)
gyp ERR! System Windows_NT 10.0.17763
gyp ERR! command "C:\\IT软件\\node.js\\node.exe" "C:\\Users\\Administrator\\Desktop\\webpack4.x\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\Administrator\Desktop\webpack4.x\node_modules\node-sass
gyp ERR! node -v v12.16.1
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2020-02-28T10_01_25_552Z-debug.log
PS C:\Users\Administrator\Desktop\webpack4.x>
原因：
windows平台缺少编译环境
解决方案：
第一步：安装node-gyp
npm install node-gyp -g
第二步： 安装windows-build-tools
npm install --global --production windows-build-tools
第三步： 卸载之前安装的node-sass
npm uninstall node-sass -D
第四步：重新安装node-sass
npm install node-sass -D
成功安装node-sass
