Set the react CSS loader in locally, but I get an error

0
votes
test: cssRegex,
exclude: cssModuleRegex,
use: getStyleLoaders({
    importLoaders: 1,
    modules: true,
    localIdentName: "[name]__[local]__[hash:base64:5]",
    sourceMap: isEnvProduction && shouldUseSourceMap,
}),

And the error is:

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css) ValidationError: Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options has an unknown property 'localIdentName'. These properties are valid: object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals? }

1
javascriptcssreactjsreact-css-modules

1 Answers

7
votes

You're using a css-loader 3.0.x that has moved localIdentName into the modules object.

Try

modules: {
  localIdentName: "[name]__[local]__[hash:base64:5]",
},

instead of

modules: true,