构建 React 应用程序时 SCSS 加载错误

Question

我正在尝试使用 Webpack 构建一个 React 应用程序。我收到此错误，与主 SCSS 文件有关：

ERROR in ./resources/scss/style.scss (./node_modules/css-loader/dist/cjs.js??ref--6-2!./node_modules/sass-loader/dist/cjs.js!./resources/scss/style.scss)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.     - options has an unknown property 'minimize'. These properties are valid:
object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals?, esModule? }
at validate (C:\Users\User\Documents\Projects\App\client\node_modules\schema-utils\dist\validate.js:96:11)      
at Object.loader (C:\Users\User\Documents\Projects\App\client\node_modules\css-loader\dist\index.js:36:28)    

我不明白，怎么了。还有我的package.json和style.scss的片段：

package.json

  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --mode production",
    "start": "webpack-dev-server --mode development --open"
  },
  "devDependencies": {
    "babel": "^6.23.0",
    "node-sass": "^4.14.1",
    "sass-loader": "^8.0.2",
    "style-loader": "^1.2.1",
    "webpack": "^4.43.0",
  }

style.scss

@import "~bootstrap/scss/bootstrap";

body, html {
  height: 100%;
  background-color: rgba(0,0,0,.018);
  color: rgba(0,0,0,.75);
}

Answer 1

我认为问题出在依赖项上，但我通过删除 webpack.config.js 中的选项 minimize: true 来修复它。