因为电脑系统重装,所有nodejs的配置全部没有了,然后新导入了一个vue的项目,在启动的时候一直抛异常,花了半天的时间百度,终于搞定了,这里将问题过程梳理一下,以后遇到类似的情况可以参考。
1.正常配置nodejs的安装教程,可以参考下面的博客:https://blog.csdn.net/bobozai86/article/details/83316125
2.在项目路径下npm install,我的项目路径地址是:
通过DCM命令来进行install,有的电脑需要管理员权限进行操作,这点需要注意一下,我的电脑就是这样的。
有的install下载某些文件的时候不行,这个时候可以使用阿里的镜像文件,使用的命令是:
npm install -g cnpm --registry=https://registry.npm.taobao.org
好了,重点来了,我在install的时候有一个文件一直下载不下来,并且抛了异常,我当时没有管他。继续往下走。
3.启动项目的时候报错了。错误截图如下:
Node Sass does not yet support your current environment
导致上面启动错误的原因就是因为在之前你install的时候Sass的文件没有下载下来,项目启动的时候需要依赖这个Sass的配置,所以报错。我尝试了很多的install命令都不行,最后在网上面找到了一个方法,手动配置Sass,具体方法如下:
1.https://github.com/sass/node-sass/releases/download/v4.9.3/win32-x64-64_binding.node。去直接浏览器下载。下载到本地
2.修改配置路径。在npm里面自带有个存储配置缓存的文件夹,一般默认是在C盘里面,大概这个位置:
每个人的C盘名字可能不一样,但是大致路径是一致的。将你下载的win32-x64-64_binding.node放到这个文件下,我的默认是在D盘,所以放在下面的位置上。
3.增加环境变量配置,右击我的电脑-》属性-》高级系统设置(win10下是这样操作了,大家变通下)-》看到右下有个环境变量点进去,
新建系统变量:
变量名:SASS_BINARY_PATH
变量值:C:\Users\lenovo\AppData\Roaming\npm-cache\node-sass\4.9.3\win32-x64-59_binding.node
变量值地址因个人安装配置有关,按照上面个人搜索到node-sass文件夹及相关文件地址为准,请自行变通
确定,然后再去项目操作,就ok了,如何出现类似,请重新下载一次node-sass。
虽然这样可以解决指定版本的问题,但是对于node-sass的迭代,如果下载别的版本,可能还得重新配置一次。