最近在项目中需要用到sass,安装sass-loader后发生错误:

INFO  Starting development server...
 ERROR  Error: Rule can only have one resource source (provided resource and
test + include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader":
"D:\\zenos\\study-vue1\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory":
"D:\\zenos\\study-vue1\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "55e5131a"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader":
"D:\\zenos\\study-vue1\\node_modules\\babel-loader\\lib\\index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}
Error: Rule can only have one resource source (provided resource and test +
include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader":
"D:\\zenos\\study-vue1\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory":
"D:\\zenos\\study-vue1\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "55e5131a"
      },
      "ident": "clonedRuleSet-38[0].rules[0].use[0]"
    },
    {
      "loader":
"D:\\zenos\\study-vue1\\node_modules\\babel-loader\\lib\\index.js",
      "options": "undefined",
      "ident": "undefined"
    }
  ]
}

可能的原因就是默认的sass或者webpack版本太高了,从而导致不兼容,把之前的高版本卸载,安装低版本就行

卸载当前版本sass-loader命令:npm uninstall sass-loader 

安装低版本的sass-loader命令:npm install sass-loader@7.3.1 --save-dev

(需要安装node-sass的话:npm install node-sass --save)

还不行的话:

卸载当前版本webpack命令:npm uninstall webpack

安装低版本的webpack命令:npm install webpack@^4.0.0 --save-dev

技术
©2020 ioDraw All rights reserved
46岁微软:从盖茨缔造帝国到纳德拉复兴第二章 初识C语言常量2021前端高频面试题(一定要看哦!!!)滤波器,窗函数以及切比雪夫逼近法新手快速了解冒泡排序、插入排序的详解pytorch训练过程中GPU利用率低Golang经典面试题初识Mongdb之数据查询篇(三)人类第一架火星直升机正在部署 择机在这颗异域星球首飞python判断两个列表(list)中的值是否相同([1,2,3]和[3,2,1])