成功解决:尚硅谷中的谷粒商城前端项目运行依赖问题。【详细图解+问题说明+解决思路】

追求适度,才能走向成功;人在顶峰,迈步就是下坡;身在低谷,抬足既是登高;弦,绷得太紧会断;人,思虑过度会疯;水至清无鱼,人至真无友,山至高无树;适度,不是中庸,而是一种明智的生活态度。

导读:本篇文章讲解 成功解决:尚硅谷中的谷粒商城前端项目运行依赖问题。【详细图解+问题说明+解决思路】,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

一个混迹于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-sasssass-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.1sass-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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/131504.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!