用vue脚手架搭建vue项目时,报错或卡在安装node-sass处

848 阅读1分钟

1.问题描述:

很长一段时间没有自己搭建过vue的项目了,这两天突然发现在使用 vue create my-demo这个命令,创建vue项目(手动选择)的时候报错了,卡在了node-sass的安装。

vue-cliyarn全局安装,且已安装成功,,vue --version等命令都可以使用(即vue的相关命令是可以使用的),如图:

在这里插入图片描述
但是在vue create my-prpject 命令搭建vue项目(手动选择模式)的时候,报错如下
在这里插入图片描述
在这里插入图片描述
查了很多资料,还有安装python环境解决,安装Python环境能否解决我没有测过,后来参考了一篇博客,使用了淘宝源,此问题得以解决。

2.解决办法:

使用淘宝源: 在命令窗口依次敲下面两条命令(yarn 的):

yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ -g
yarn config get registry

设置成功后,重启命令窗口,再执行vue create my-project 等创建vue项目的命令,即可创建成功,(即 node-sass 安装成功)。 如图:

在这里插入图片描述
在这里插入图片描述
注: 可参考:blog.csdn.net/xin00guang/…。 该博客总结了node-sass安装失败的原因:

  1. 网上的淘宝镜像源为 cdn.npm.taobao.org/dist/node-s… (这是旧的地址, 已失效)
  2. 应替换为: npm.taobao.org/mirrors/nod… (2019-09)