node-sass踩坑

前言:

今天一公司某位同学突然需要启动一个很久以前的项目(其实也没多久,只是好久没有这个项目的新需求,所以就尘封了,项目还在运行的)

然后就
启动报错了~~


image.png

倒吸一口冷气啊。。。
这是咋了,这是咋了
看着上面

Node Sass could not find a binding for your current environment: Windows 32-bit with Node.js 10.x

这行报错,据我目测这位同学是升级了node到10.x版本然后node-sass不支持。
情况的确是这个情况,之前是使用node8.11.3前一段时间换成了10.15.3
so~
重新安装一下依赖吧

yarn

然后我惊呆了


image.png

这怎么这么多警告,什么鬼东西
好吧,警告先跳过去吧,项目跑起来再说,看起来都是node-sass的警告
直到我看到了报错

error D:\work\m.dongdao\node_modules\node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: D:\work\m.dongdao\node_modules\node-sass
Output:
Building: C:\Program Files (x86)\nodejs\node.exe D:\work\m.dongdao\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 [ 'C:\\Program Files (x86)\\nodejs\\node.exe',
gyp verb cli   'D:\\work\\m.dongdao\\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 info using node-gyp@3.8.0
gyp info using node@10.15.3 | win32 | ia32
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.7" in the PATH
gyp verb `which` failed Error: not found: python2.7
gyp verb `which` failed     at getNotFoundError (D:\work\m.dongdao\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (D:\work\m.dongdao\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (D:\work\m.dongdao\node_modules\which\which.js:80:29)
gyp verb `which` failed     at D:\work\m.dongdao\node_modules\which\which.js:89:16
gyp verb `which` failed     at D:\work\m.dongdao\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at D:\work\m.dongdao\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:153:21)
gyp verb `which` failed  python2.7 { Error: not found: python2.7
gyp verb `which` failed     at getNotFoundError (D:\work\m.dongdao\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (D:\work\m.dongdao\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (D:\work\m.dongdao\node_modules\which\which.js:80:29)
gyp verb `which` failed     at D:\work\m.dongdao\node_modules\which\which.js:89:16
gyp verb `which` failed     at D:\work\m.dongdao\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at D:\work\m.dongdao\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:153:21)
gyp verb `which` failed   stack:
gyp verb `which` failed    'Error: not found: python2.7\n    at getNotFoundError (D:\\work\\m.dongdao\\node_modules\\which\\which.js:13:12)\n    at F (D:\\work\\m.dongdao\\node_modules\\which\\which.js:68:19)\n    at E (D:\\work\\m.dongdao\\node_modules\\which\\which.js:80:29)\n    at D:\\work\\m.dongdao\\node_modules\\which\\which.js:89:16\n    at D:\\work\\m.dongdao\\node_modules\\isexe\\index.js:42:5\n    at D:\\work\\m.dongdao\\node_modules\\isexe\\windows.js:36:5\n    at FSReqWrap.oncomplete (fs.js:153:21)',
gyp verb `which` failed   code: 'ENOENT' }
gyp verb could not find "python2.7". checking python launcher
gyp verb could not find "python2.7". 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 "python2.7", you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (D:\work\m.dongdao\node_modules\node-gyp\lib\configure.js:484:19)
gyp ERR! stack     at PythonFinder.<anonymous> (D:\work\m.dongdao\node_modules\node-gyp\lib\configure.js:509:16)
gyp ERR! stack     at callback (D:\work\m.dongdao\node_modules\graceful-fs\polyfills.js:295:20)
gyp ERR! stack     at FSReqWrap.oncomplete (fs.js:153:21)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "C:\\Program Files (x86)\\nodejs\\node.exe" "D:\\work\\m.dongdao\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:\work\m.dongdao\node_modules\node-sass
gyp ERR! node -v v10.15.3
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok

ERR!
ERR!
ERR!
我觉得我需要认真对待了
从报错信息上看
(1)这次安装过程中python2.7没找到
(2)错误都是gyp开头,node-gyp是跨平台调用的node插件,比如可以调用python,c++等
(3)这两个错误导致node-sass安装失败
看起来只要把python2.7安装就可以了

npm install --global --production windows-build-tools

这个包会在电脑上安装三个语言支持
1、python(v2.7 ,3.x不支持);
2、visual C++ Build Tools,或者 (vs2015以上(包含15))
3、.net framework 4.5.1

静静等待····················
静静等待····················
静静等待····················

image.png

ok!可以了

yarn && npm run dev

走起,真男人从不回头看爆炸

天真的我又一次被现实击垮,刚一顿操作连报错信息都没变?


image.png

是不是过分了,我都给你安装上了,你怎么还找不到呢
嗯~可能是因为本机python不是2.7的原因吧,那改一下环境变量,把python指向到python2.7去


image.png

重启命令行,再试一次
yarn && npm run dev

走起,真男人从不回头看爆炸

perfect~

image.png
我已经怀疑人生了~
image.png
我环境变量都改了你还找不到,我觉得我可能错怪你了,难道找不到python只是表象?
我决定看一看node-gyp 嗯,这玩意需要运行在node32位的版本上
我的node也不是32位啊,难道我要换一个32位的node?
就在我等待下载node32位安装包的过程中,我觉得这个问题不会只有我遇到过,百度一下,还真不少人遇到!
但每个人使用的node-sass的版本是不一样的,我决定升级一下node-sass试试,现在项目的版本是4.9.0是支持node10.x的,那就直接升级成node-sass@4.13.1这是目前最新的稳定版本了。
嗯~ 干的漂亮,还是安装不上
(事态逐渐失控,我安慰前端同学,别慌)
这个时候做个试验吧,新建一个文件夹

npm init && npm install node-sass@4.13.1 --save-dev

还是不行,这就不是项目里面各个包依赖关系出问题了,而是在node10.15.3下yarn npm 安装node-sass都安装失败
不科学~~~
本着死马当活马医的态度,我又试了一下

cnpm install node-sass@4.13.1 --save-dev

emmmmmmmmmmmmm
成功了~
CTMD
为什么

cnpm 和 npm 有什么区别

npm
是nodejs 的包管理器,用于node插件管理 ( 包括安装,卸载 ,管理 依赖等 )
cnpm
这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步

结:

emmmmmm
所以我只能把这次问题归结为网络波动了~

我建了一个前端微信交流群,欢迎大家加入,qq中转群号:1076484243

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335