TypeError:this.getOptions is not a function 报错解决

webpack 中打包 css、less、sass文件的坑

vscode用import语法引入css文件不显示css路径：安装一个路径显示插件即可，推荐使用Path Autocomplete即可解决

原本安装好css-loader准备用webpack打包css文件时出现一堆底层报错说TypeError: this.getOptions is not a function

ERROR in ./src/css/index.css
Module build failed (from ./node_modules/style-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (C:\Users\12071\Desktop\练习\webpack-test\node_modules\style-loader\dist\index.js:19:24)
 @ ./src/js/app.js 8:0-25

原因：loader版本不匹配

解决方案：安装配套版本的style-loader和css-loader

//安装2.0版本的style-loader
npm i [email protected]

//安装5.2.7版本的css-loader
npm i [email protected]

stackoverflow YYDS

less文件无法打包

原因：less-loader版本过高

解决方案：安装低于5.0版本的less-loader

npm install [email protected] -D

stackoverflow YYDS