Попытка включить модуль CSS, но отображается ошибка

Question

    { test: cssRegex,
          exclude: cssModuleRegex,
          use: getStyleLoaders({
            importLoaders: 1,
            //sourceMap: isEnvProduction && shouldUseSourceMap,
            modules: true,
            localIdentName: '[name]__[local]__[hash:base64:5]'

          }),
          sideEffects: true,
        },

Я попробовал приведенный выше код, но получил ошибку:

 Failed to compile
./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 initialized 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? } 

Пожалуйста, помогите мне решить эту проблему.

Answer 1

Ваша функция getStyleLoaders () выглядит следующим образом:

use: getStyleLoaders({
            importLoaders: 1,
            sourceMap: isEnvProduction && shouldUseSourceMap,
            modules: {
              mode: "local",
              localIdentName: "[name]__[local]__[hash:base64:5]"
            }
          })

Эта проблема решена для меня.

Моя версия 'css -loader':

"css-loader": "3.4.2",

Answer 2

Измените опции modules на:

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