node-sass安装失败解决办法

最新推荐文章于 2024-04-02 13:45:22 发布
最新推荐文章于 2024-04-02 13:45:22 发布
阅读量692 收藏
点赞数
分类专栏： Bug 文章标签： npm node-sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45571150/article/details/107088953
版权

在学习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安装好了
如果你还找不到解决的办法可以试一试我这种哦

Var_al
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm run serve启动报错npm ERR Missing script: “serve“
qq_52372698的博客
04-24 6万+
启动项目的时候用npm run serve发现报了以下的错误 npm ERR! Missing script: "serve" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! D:\nodereps\npm_cache\_logs\2022-04-24T03_27_08_348Z-de
运行Vue的项目时出现npm ERR Missing script:错误
weixin_52102646的博客
12-08 2万+
npm ERR! Missing script: "dev" npm ERR! npm ERR! To see a list of scripts, run: _49_686Z-debug.log 错误原因：启动命令错误 解决方法： 查看package.json文件下的start命令 npm run dev 是 vue-cli2 npm run serve 是 vue-cli3 npm ERR! Missing script: "serve" npm ERR! npm ERR! To see a
安装node-sass失败原因及解决办法汇总
最新发布
weixin_40466351的博客
04-02 1188
nvm 可以帮助开发人员在不同的项目中使用不同的 Node.js 版本，以适应项目的需求。binding.node的下载地址（一定要注意node_module的版本）：http://npm.taobao.org/mirrors/node-sass/v5.0.0/win32-x64-72_binding.node。node、node-sass、node module（对应bing.node的版本）对应的版本查看：https://www.npmjs.com/package/node-sass。
碎碎念：解决npm run dev /serve 报错
yxiulian的博客
08-25 9454
碎碎念：解决npm run dev /serve 报错
vue启动项目报错：npm ERR! missing script: serve解决方法
道阻且长，行则将至。
09-23 1万+
vue启动项目报错：npm ERR! missing script: serve解决方法 1.vue启动项目报错：npm ERR! missing script: serve 问题原因： 在配置文件中的服务器名称和你启动命令中的名称不匹配。 解决方法： 查看配置文件package.json 中服务器名称，并修改启动命令。 将启动命令中服务器名称换为对应名称： npm run start ...
vue-cli命令npm run serve 源码解析
大灰狼的小绵羊哥哥的博客
07-31 742
npm run serve 源码解析
node-sass安装失败的原因与解决方法
01-20
我们一般在利用npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。 这是使用 sass 的同学可能都会遇到的郁闷的问题。 解决方案...
解决node-sass偶尔安装失败的方法小结
10-17
主要介绍了解决node-sass偶尔安装失败的方法小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
整理 node-sass 安装失败的原因及解决办法(小结)
10-15
主要介绍了整理 node-sass 安装失败的原因及解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
关于解决npm ERR Missing script dev的问题
weixin_46098192的博客
11-24 1万+
第一个坑：打开vue项目一直闪退 多半是文件路径出了问题，直接建议删除vue项目，重新安装，别尝试去解决吗，我弄了两天都没解决，你如果不嫌麻烦，可以挑战 IDEA : Unable to save settings: Failed to save settings. Please restart IntelliJ IDEA解决办法 建议：直接卸载脚手架项目，把东西删干净，重装，网上教程看了没用的可以试下，我就是这样解决的。 第二个坑就是这个报错： 这个是我在idea上面运行的错误，图一是报错信息 这个错误很
【大坑】npm run serve：npm ERR! Missing script: “serve“
weixin_64210950的博客
10-18 4579
npm run serve：npm ERR! Missing script: "serve"解决方案
npm ERR missing script: serve
前端历险记
05-28 7981
关于npm ERR! missing script: serve npm ERR! A complete log of this run can be found in: npm ERR!报错 因为之前创建项目时是使用的vue3.0以下的版本，启动方式是npm run dev。但是现在更新了版本，要使用npm run serve启动，但原来的package.json文件中的配置，还是原来的dev，所以正真的原因是找不到serve 报错之前在package.json文件内scripts的设置是这样的 "sc
npm ERR missing script: server npm ERR npm ERR Did you mean this? npm ERR serve npm ERR A
weixin_45956631的博客
03-01 1万+
npm ERR! missing script: server npm ERR! npm ERR! Did you mean this? npm ERR! serve npm ERR! A complete log of this run can be found in: 遇到的bug是 npm ERR! missing script: server npm ERR! npm ERR! Did you mean this? npm ERR! serve npm ERR! A comple
解决运行项目报错问题npm ERR missing script: start&&npm ERR missing script: serve
nicole27ll的博客
05-18 7235
今天运行一个项目的时候，在项目根目录下执行命令 npm install后，启动项目npm start后报错如上，紧接着输入npm run serve,依旧报错。 解决办法如下：打开项目根目录下的package.json文件，查看里面启动项目的指令是什么。如下图： 由此可知，npm run dev 是可以正常启动项目的，在终端下输入npm run dev，确实没有报错。 注意：要想npm run serve不报错，添加红色框部分语句即可，要想npm start 不报错，同理。 附上，如何正确启..
【踩坑】npm ERR! missing script: serve
热门推荐
肖潇不写代码
07-13 3万+
原因1 没有进入根目录就执行npm run serve 只要cd进根目录就行，这种一般是粗心还在项目上一层目录就执行命令了： 原因2 node_modules问题（要么没有，要么没下载完整） 没有执行npm install（项目没有node_modules文件夹，执行npm install就行），或者执行npm时node_modules时没下载完整（删掉node_modules，再执行npm install） ...
Java面试基础篇
m0_67392010的博客
07-29 3232
先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。Java的强引用、弱引用、软引用、虚引用。Java语言基础常识。Java12新特性。JavaIO详解。...
关于vue 命令 npm run serve 报错
i_bilibili的博客
09-18 7528
输入 npm run serve报了下面的错误 npm ERR! Missing script: "serve" npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\swl\AppData\Local\npm-cache\_logs\2021-09-18T02_08_27_339Z-debug.
关于npm run dev报错npm ERR! missing script: serve
lyh135923的博客
04-27 9828
关于启动项目时，总是出现npm ERR! missing script: serve的错误，我有话要聊 针对这个问题，我做了各种尝试的解决方案 1.重新新建了一个文件夹，download了新的代码，重新npm install 了，发现不行 2.执行了vue init webpack的命令，发现不行 3.害怕是Vue cli3的问题，vue init不成功。然后cmd,执行命令npm i...
node-sass 安装失败解决办法
09-06
要解决 node-sass 安装失败的问题，你可以尝试以下几种方法： 1. 确保你已经安装了 node.js 和 npm。可以使用以下命令来验证安装情况： ``` node -v npm -v ``` 2. 检查你的网络连接是否正常。如果你使用的是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值