node-sass报错解决方案

211 阅读2分钟

回想

其实我看了网上很多的方案,但是每次拉公司的新项目,总是会遇到各种莫名其妙的报错,熟练的使用cv去百度搜索各种各样的解决方案,但是回头想想?难道这项目在开发的时候就不会出现这种问题么?就没有好的解决方案吗,于是开始研究大佬的文章,最终得到了我认为比较好的方案,那就是使用npm管理

场景

因为项目在开发工程中,每个人的node版本几乎不太可能相同,所以造成因为node版本的原因,造成了安装包与node版本的冲突。 最常见的场景,公司新来一位前端开发,第一天上班就是安装环境,当他把环境整好,自信满满的clone项目下来,打开命令行,npm install,他沉默了,看着命令行一堆error,陷入死循环...

image.png

安装Nvm(踩坑指南)

nvm是一个nodejs版本管理工具

卸载npm、卸载nodejs

npm uninstall npm -g

安装前请把电脑的nodeJs卸载掉

安装前请把电脑的nodeJs卸载掉

安装前请把电脑的nodeJs卸载掉

然后安装nvm(链接:nvm文档手册 - nvm是一个nodejs的版本管理工具 (uihtm.com)

一直点下一步安装就可以, 安装完后,用nvm安装nodejs,版本号看自己的需要

nvm install 14.7.0

接下来就可以用use去切换

nvm use 14.7.0

常用命令 image.png

.npmrc文件

.npmrc文件可以指定package.json的包,需要去哪个源下载,在项目跟目录配置好后,后续接手开发的人只需要npm install就可以

最常见的淘宝源

image.png

给开发人员node版本提示

通过 package.json 的 engines 配置,声明你开发这个项目时所需要的node版本,给后续开发人员更快速的提供环境,这个属性只用于提示,并不是强制约束

"engines": {
  "node": ">=16.13.1"
},

回到主题,其实sass的报错基本都是因为源的问题以及node版本的问题所导致,指定node版本和源就可以了,至此就结束了,我是前端萌新,如果对你有帮助或者疑问,可以在评论区留言0.0,附上网上截来的图

image.png