TypeError: this.getOptions is not a function

[yelvert]

Module build failed (from ./node_modules/style-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
at Object.loader (.../node_modules/style-loader/dist/index.js:18:24)

It looks like #501 dropped loader-utils as a dependency where this function came from, and instead tries to call this.getOptions which doesnt exist.

[milu2003]

npm i style-loader@2.0.0 -D

[alexander-akait]

You need webpack v5 to use the latest version of style-loader, please read changelog

[markhowellsmead]

I'm getting this error when using Webpack 5.59.1 and the latest version of style-loader. Do I still need to downgrade to style-loader@2? (Also happens with Webpack 5 and style-loader 2.)

[alexander-akait]

Run npm ls style-loader

[markhowellsmead]

Gives the return style-loader@3.3.1.

[alexander-akait]

Do you have thread-loader?

[markhowellsmead]

Nope.

[markhowellsmead]

Downgrading Webpack to 4 and style-loader to 2 resolves it. (I write “resolves it” but it's obviously not a solution.)

[alexander-akait]

Run npm ls webpack when you try to upgrade to webpack v5

[markhowellsmead]

├─┬ @wordpress/dependency-extraction-webpack-plugin@3.1.4
│ └─┬ webpack@5.39.1
│   └─┬ terser-webpack-plugin@5.1.3
│     └── webpack@5.39.1 deduped
├─┬ babel-loader@8.2.2
│ └── webpack@5.39.1 deduped
├─┬ css-loader@5.2.6
│ └── webpack@5.39.1 deduped
├─┬ style-loader@2.0.0
│ └── webpack@5.39.1 deduped
├─┬ svg-url-loader@7.1.1
│ ├─┬ file-loader@6.2.0
│ │ └── webpack@5.39.1 deduped
│ └── webpack@5.39.1 deduped
└─┬ webpack-stream@6.1.2
  └─┬ webpack@4.46.0
    └─┬ terser-webpack-plugin@1.4.5
      └── webpack@4.46.0 deduped

[alexander-akait]

Problem in webpack-stream, as you can see it install webpack v4...

[markhowellsmead]

...and with style-loader@3:

├─┬ @wordpress/dependency-extraction-webpack-plugin@3.1.4
│ └─┬ webpack@5.39.1
│   └─┬ terser-webpack-plugin@5.1.3
│     └── webpack@5.39.1 deduped
├─┬ babel-loader@8.2.2
│ └── webpack@5.39.1 deduped
├─┬ css-loader@5.2.6
│ └── webpack@5.39.1 deduped
├─┬ style-loader@3.3.1
│ └── webpack@5.39.1 deduped
├─┬ svg-url-loader@7.1.1
│ ├─┬ file-loader@6.2.0
│ │ └── webpack@5.39.1 deduped
│ └── webpack@5.39.1 deduped
└─┬ webpack-stream@6.1.2
  └─┬ webpack@4.46.0
    └─┬ terser-webpack-plugin@1.4.5
      └── webpack@4.46.0 deduped

[alexander-akait]

Update webpack-stream to v7

[markhowellsmead]

Bingo. Perfect. Thanks!

[GustavoPintod]

You need webpack v5 to use the latest version of style-loader, please read changelog

Thanks man, it helped me a lot! <3

[manoharmaddi]

./src/index.css
TypeError: this.getOptions is not a function

i m getting this error while executing please help me out

[dep]

I am also getting the issue above. how to solve issue?

take your laptop and throw it into the ocean.

seriously though, i have the same problem.

[markhowellsmead]

Have you read the comments above which show the solution?

[yash4882]

ERROR in ./app/javascript/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/stylesheets/application.scss)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
at Object.loader (/home/yash/Desktop/rails_project/granite/node_modules/postcss-loader/dist/index.js:28:24)