一个混迹于Github、Stack Overflow、开源中国、CSDN、博客园、稀土掘金、51CTO等 的野生程序员。
目标：分享更多的知识，充实自己，帮助他人
GitHub公共仓库：https://github.com/zhengyuzh
以github为主：
1、分享前端+后端基础知识
2、前后端框架知识+框架使用分析
3、热门前端+后端面试题（实时更新）
4、开源项目（主要包含大学课程设计）

前言，首先查看你的node版本，出现的错误原因是由于node-sass和sass-loader 以及node版本冲突。以下是基于node16进行的问题出现及解决过程记录

1、出现的问题

在进行相关包下载的时候，出现版本问题。看到node-sass，我基本上就确认了问题所在。node和node-sass和sass-loader三者版本不匹配造成的。因为前一段时间我用到这个node-sass

查看报错信息

在package.json 中查看node-sass和sass-loader的版本，不出意外，node-sass和sass-loader的版本和我的node版本不匹配

我的node版本是16，正常应该对应node-sass的版本是6.0+。

2、解决方法

有两种思路：1、降低node的版本，使其兼容node-sass和sass-loader。2、修改node-sass和sass-loader的版本，使其兼容node。

我这里使用第二种方式，我的很多项目跑在node16版本，如果降低node的版本，可能会出现意外情况。

1、首先在package.json 中修改

在package.json中，修改node-sass的版本为6.0.1，sass-loader的版本为4.0.0。

2、在package-lock.json 中修改

修改node-sass

修改sass-loader

3、重新加载依赖

然后执行cnpm i　　（加载新依赖）

4、成功运行

npm run dev

或者在vscode中运行

参考资料：

成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass，以及安装node-sass可能遇到的版本冲突问题
https://blog.csdn.net/weixin_43304253/article/details/128550599