0
点赞
收藏
分享

微信扫一扫

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

目标:分享更多的知识,充实自己,帮助他人
GitHub公共仓库:https://github.com/zhengyuzh 以github为主:
1、分享前端+后端基础知识
2、前后端框架知识+框架使用分析
3、热门前端+后端面试题(实时更新)
4、开源项目(主要包含大学课程设计)

文章目录

  • 1、出现的问题
  • 2、解决方法
  • 1、首先在package.json 中修改
  • 2、在package-lock.json 中修改
  • 3、重新加载依赖
  • 4、成功运行

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

1、出现的问题

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

查看报错信息

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

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

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

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

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

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

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

2、在package-lock.json 中修改

修改node-sass

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

修改sass-loader

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

3、重新加载依赖

然后执行cnpm i  (加载新依赖)

4、成功运行

npm run dev

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

或者在vscode中运行

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

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


举报

相关推荐

0 条评论