node-sass安装失败解决办法

最新推荐文章于 2024-08-26 14:11:38 发布

Var_al

最新推荐文章于 2024-08-26 14:11:38 发布

阅读量797

点赞数

分类专栏： Bug 文章标签： npm node-sass

本文链接：https://blog.csdn.net/weixin_45571150/article/details/107088953

版权

Bug 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在学习webpack的时候打包sass要安装node-sass，然后一直出错，网上找了很多解决办法都没用

错误：

PS D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\src> npm install node-sass

> node-sass@4.14.1 install D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-72_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.14.1/win32-x64-72_binding.node":

ESOCKETTIMEDOUT

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

> node-sass@4.14.1 postinstall D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\node-sass
> node scripts/build.js

Building: C:\Program Files\nodejs\node.exe D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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:\\Program Files\\nodejs\\node.exe',
gyp verb cli   'D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\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 node-gyp@3.8.0
gyp info using node@12.16.1 | 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 (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:13:12)  
gyp verb `which` failed     at F (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:80:29)
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:89:16
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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 (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:80:29)
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:89:16
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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 (D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:13:12)\n' +
gyp verb `which` failed     '    at F (D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:68:19)\n' +
gyp verb `which` failed     '    at E (D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:80:29)\n' +
gyp verb `which` failed     '    at D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:89:16\n' +  
gyp verb `which` failed     '    at D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\isexe\\index.js:42:5\n' +   
gyp verb `which` failed     '    at D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\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 (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:13:12)  
gyp verb `which` failed     at F (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:80:29)
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:89:16
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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 (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:13:12)  
gyp verb `which` failed     at F (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:80:29)
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\which\which.js:89:16
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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 (D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:13:12)\n' +
gyp verb `which` failed     '    at F (D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:68:19)\n' +
gyp verb `which` failed     '    at E (D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:80:29)\n' +
gyp verb `which` failed     '    at D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\which\\which.js:89:16\n' +
gyp verb `which` failed     '    at D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\isexe\\index.js:42:5\n' +   
gyp verb `which` failed     '    at D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\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 (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack     at PythonFinder.<anonymous> (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack     at callback (D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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.18362
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "D:\\WebStorm\\work\\vue学习\\黑马Vue\\ES6模块化与webpack\\WEBPACK_STUDY\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:\WebStorm\work\vue学习\黑马Vue\ES6模块化与webpack\WEBPACK_STUDY\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 WEBPACK_STUDY@1.0.0 No description
npm WARN WEBPACK_STUDY@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
ch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","ar
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR!
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\asus\AppData\Roaming\npm-cache\_logs\2020-07-02T09_03_49_771Z-debug.log

在网上看到可能是node-sass版本问题
然后我就使用npm view node-sass version和npm view sass-loader version查看目前的最高版本
在这里插入图片描述
可以看到目前（2020-7-2）node-sass的最高版本是4.14.1，sass-loader的最高版本是8.0.2

然后我就到package.json里面去修改node-sass和sass-loader的版本为目前最高版本
在这里插入图片描述
然后npm install 安装依赖
没有出现错误
然后在npm ls node-sass查看当前有没有node-sass和版本号

可以看出在npm install安装依赖的时候已经把node-sass安装好了
如果你还找不到解决的办法可以试一试我这种哦