企业管理系统定制开发解决Module not found: Error: Can‘t resolve ‘sass-loader‘ in ‘******‘和node-sass和sass-loader版本不兼容问题

企业管理系统定制开发由于我是第一次在中使用scss文件,企业管理系统定制开发所以对这方面的知识了解的不多,导致出现一个BUG耽误了我半天时间,下面就来看看该问题以及对应的解决方案吧。

 下面是在一个组件当中引入了一个scss文件
  • 1


重新运行项目发现报错,意思也就是说“没有找到sass-loader模块” 那下面看看sass-loader和node-sass的作用吧

sass-loader的作用就是加载 Sass/SCSS 文件并将他们编译为 CSS。而node-sass模块就是对sass-loader的支持模块。
  • 1
  • 2

而我当前项目当中并没有安装和sass-loader,所以我就执行以下命令分别安装node-sass、sass-loader,

npm install node-sassnpm install sass-loader
  • 1
  • 2

两个都安装好了,但是又报错,说是版本过高不兼容,因为采用以上命令默认是安装最新版本,好嘛,那我就降低版本,又报错说版本低,建议升级,我晕死。然后我又找了多个版本的node-sass和进行实验,最终都失败了

删除node-sass和sass-loader

npm uninstall sass-loader node-sass
  • 1

下面是Node.js和node-sass版本的对应信息(官网查看),而我的Node版本是16.15.1

最后耗了大半天的时间,终于让我找到一个方法可以解决,那就是不要安装node-sass,安装sass就可以了

npm install sass-loader@8.0.2 sass@1.26.5  --save-dev
  • 1

在项目中的package.json文件当中查看sass-loader和sass对应的版本号


之后项目正常运行。

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发