webpack4 style-loader less-loader 出现 TypeError: this.getOptions is not a function at Object.loader

今天配置了一下 webpack.config.js , 然而css的打包一直出错，配置都是常规配置，错误如下：

ERROR in ./src/search.css
Module build failed (from ./node_modules/style-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (C:\Users\xingmu\ws\practice\webpack-gk\01\node_modules\style-loader\dist\index.js:19:24)
 @ ./src/search.js 26:0-22
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! 01@1.0.0 build: `webpack`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the 01@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\xingmu\AppData\Roaming\npm-cache\_logs\2021-07-19T15_59_55_660Z-debug.log

Process finished with exit code 2

经过排查测试，发下是由于style-loader的版本过高导致的，记录一下：

webpack4 可用的 css 文件的 loader 对应最高版本如下：

"css-loader": "^5.2.7",
"style-loader": "^2.0.0",

同时，如果使用的是 less ，webpack4 对应的 less-loader 可用版本配置如下：

"css-loader": "^5.2.7",
"style-loader": "^2.0.0",
"less-loader": "^7.3.0",