因为电脑系统重装,所有nodejs的配置全部没有了,然后新导入了一个vue的项目,在启动的时候一直抛异常,花了半天的时间百度,终于搞定了,这里将问题过程梳理一下,以后遇到类似的情况可以参考。

   1.正常配置nodejs的安装教程,可以参考下面的博客https://blog.csdn.net/bobozai86/article/details/83316125

   2.在项目路径下npm install,我的项目路径地址是:

记Vue中Node Sass does not yet support your current environment的一次坑

通过DCM命令来进行install,有的电脑需要管理员权限进行操作,这点需要注意一下,我的电脑就是这样的。

记Vue中Node Sass does not yet support your current environment的一次坑

有的install下载某些文件的时候不行,这个时候可以使用阿里的镜像文件,使用的命令是:

npm install -g cnpm --registry=https://registry.npm.taobao.org

好了,重点来了,我在install的时候有一个文件一直下载不下来,并且抛了异常,我当时没有管他。继续往下走。

3.启动项目的时候报错了。错误截图如下:

Node Sass does not yet support your current environment

记Vue中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。去直接浏览器下载。下载到本地

记Vue中Node Sass does not yet support your current environment的一次坑

2.修改配置路径。在npm里面自带有个存储配置缓存的文件夹,一般默认是在C盘里面,大概这个位置:

记Vue中Node Sass does not yet support your current environment的一次坑

每个人的C盘名字可能不一样,但是大致路径是一致的。将你下载的win32-x64-64_binding.node放到这个文件下,我的默认是在D盘,所以放在下面的位置上。

记Vue中Node Sass does not yet support your current environment的一次坑

3.增加环境变量配置,右击我的电脑-》属性-》高级系统设置(win10下是这样操作了,大家变通下)-》看到右下有个环境变量点进去,

新建系统变量:

变量名:SASS_BINARY_PATH

变量值:C:\Users\lenovo\AppData\Roaming\npm-cache\node-sass\4.9.3\win32-x64-59_binding.node

变量值地址因个人安装配置有关,按照上面个人搜索到node-sass文件夹及相关文件地址为准,请自行变通

记Vue中Node Sass does not yet support your current environment的一次坑

 

确定,然后再去项目操作,就ok了,如何出现类似,请重新下载一次node-sass。

虽然这样可以解决指定版本的问题,但是对于node-sass的迭代,如果下载别的版本,可能还得重新配置一次。

相关文章:

  • 2021-11-24
  • 2021-06-01
  • 2022-12-23
  • 2021-04-04
  • 2022-01-16
  • 2022-12-23
猜你喜欢
  • 2021-08-28
  • 2021-09-20
  • 2022-12-23
  • 2021-10-08
  • 2021-06-11
  • 2022-12-23
相关资源
相似解决方案