Css-loader: _Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema_

Created on 1 Nov 2019 · 1Comment · Source: webpack-contrib/css-loader

Issues are so 🔥
👉🏽 SYSTEM
rails webpacker:info
Ruby: ruby 2.6.4p104 (2019-08-28 revision 67798) [x86_64-linux]
Rails: 6.0.0
Webpacker: 4.0.7
Node: v8.16.1
Yarn: 1.19.0
@rails/webpacker:
[email protected] /var/www/html/MRCOM
└── @rails/[email protected]
Is bin/webpack present?: true
Is bin/webpack-dev-server present?: true
Is bin/yarn present?: true

Expected Behavior

$ rails/webpack NOT 2 ERRORS
$ rails assets:precompile -> Compilation failed:

Actual Behavior

ERROR in ./app/javascript/src/application.css (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./app/javascript/src/application.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
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? }
at validate (/var/www/html/MRCOM/node_modules/css-loader/node_modules/schema-utils/dist/validate.js:50:11)
at Object.loader (/var/www/html/MRCOM/node_modules/css-loader/dist/index.js:34:28)
@ ./app/javascript/src/application.css 2:14-159
@ ./app/javascript/packs/application.js

ERROR in ./app/javascript/css/application.css (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./app/javascript/css/application.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
SyntaxError

(4:3) Unknown word

Code

/var/www/html/WEBAPP/node_modules/css-loader/dist/options.js

        "type": "object",
          "additionalProperties": false,
          "properties": {
            "mode": {
              "enum": ["local", "global"]
            },
            "localIdentName": {
              "type": "string"
            },
            "localIdentRegExp": {
              "anyOf": [
                {
                  "type": "string"
                },
                {
                  "instanceof": "RegExp"
                }
              ]
            },
            "context": {
              "type": "string"
            },
            "hashPrefix": {
              "type": "string"