【BUG记录】vue项目创建和node、node-sass及sass-loader版本问题成功解决

项目场景：

第一次无脑下的nodejs，官网网站未给出版本14，只有版本16。
此后，创建vue项目，下载node-sass从未成功，疯狂报各种npm版本、node版本…err错误警告⚠，我真的会谢！
下面，希望可以帮到你！

通过NVM下载相关版本：

• node ：v14.16.1
• node-sass@^4.14.1
• sass-loader@^7,3,1

NVM相关下载请看上一篇博客：利用nvm下载nodejs及相关环境配置

---

步骤

提示：需要**彻底**删掉此前安装的node@16+版本
node删除方式：
1.命令行：npm cache clean --force
2.检查环境配置路径及c盘下的npm、node相关文档

正文正式开始…

---

1.vue项目创建
1）在E盘/D盘创建文件夹：project

2）双击project，在当前路径键入cmd并敲击回车，进入命令行。


3）采用全局方式搭建vue脚手架

npm install -g @vue/cli

4）创建vue项目

vue create demo   //demo为项目名，可自取

相关配置可以参考我的，也可以看其他博主的，这里我就不过多赘述了…

恭喜你，项目创建成功，如果第一次创建的话，这里时间是比较久的，不要着急，要耐心… 然后鼠标左键代表暂停，右键代表继续。

5）进入项目

cd demo

6）安装相关第三方

npm i element-ui -S
npm i node-sass@^4.14.1 --save-dev
npm i sass-loader@^7.3.1 --save-dev

这里就安装成功啦，安装部分第三方库，就可以启动项目啦！！

npm run serve

总结
我觉得就是要把node版本改为14，虽然可以把node-sass换为dart-sass，但是对于新手，在不了解其相关配置的情况下，建议还是重新开始node@14安装之旅！
希望能够帮到您~~~///(^v)\~~~