Warn & error when npm start

[jack-cn]

Code to reproduce the issue:

npm start

Expected behavior:

no warning & error

Actual behavior:

  Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.

  Using browsers option can cause errors. Browserslist config 
  can be used for Babel, Autoprefixer, postcss-normalize and other tools.

  If you really need to use option, rename it to overrideBrowserslist.

  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist

ERROR in ./src/css/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/sass-loader/dist/cjs.js??ref--6-2!./node_modules/postcss-loader/src??ref--6-3!./src/css/styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'includePaths'. These properties are valid:

Versions of packages used:

latest

[hunnble]

It seems to be caused by the options change of sass-loader@8(options -> options.sassOptions), downgrading sass-load to 7.x.x solved this problem. Try yarn add -D sass-loader@7.

[mitsunoir]

$ npm install sass-loader@7 # remove error
$ npm install autoprefixer@9.4.2 # remove warning

This works in my environment.