Vue-cli(eg.4.2.3)创建项目失败,是不是选的CSS预处理器的问题?

vue create test_1,安装好环境之后,创建一个新项目,出现如下ERROR:
在这里插入图片描述
我也不管三七二十一就复制这条ERROR去百度搜,按照各路平台博主提供的办法,重装vue-cli,清除缓存,把.vuec文件里的淘宝镜像改为true,再重新创建项目依然失败,依然是同样的错误。
加了个前辈远程指导,一时也没有切中要害。突然想起来有篇博客一个博主说他创建项目过程中,选css预处理器时选择Sass/SCSS(with node-sass)创建项目会失败,我就猛地一试不选它,果然!
在这里插入图片描述
可以成功!
这时前辈也说了,“是的 因为目前 node-sass 这个需要将镜像设置到淘宝镜像或者 代理翻墙才能安装”。
再看看原来的错误(绿圈圈里)
在这里插入图片描述
明明人家说了,node-sass安装失败,我也不知道瞅瞅…发现问题根源之后可就不摸瞎了,这下直接百度“选择Sass/SCSS(with node-sass)创建项目失败”对症下药,
一下子就找到了办法。**npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时项目失败。**解决方案就是使用其他源或工具,然后将安装源指定到本地。即换成下面两行命令:(在nodejs目录下)

1.npm config set registry https://registry.npm.taobao.org(使用淘宝镜像源)
2.npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/(设置变量–sass_binary_site,指向淘宝镜像地址)

这下就可以选择Sass/SCSS(with node-sass)预处理器随随便便创建项目了!~
所以,如果你在创建vue-cli项目失败时,看看是不是选了node-sass预处理器,并且错误也是因为它安装失败吧。
在这里插入图片描述
这个问题几乎耗了我一天的时间,哭,以后一定看看错误提示以便切中问题根源。
如有纰漏,欢迎指正!

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值