TypeError: this.getOptions is not a function 的解决(vue,react)

1.npm uninstall less-loader
2.npm install [email protected]

一、报错信息 

TypeError: this.getOptions is not a function  这个是在运行项目是遇到的问题

                                                                          vue里 

                                                                       react里

这个报错是类型错误，this.getOptions 不是一个函数 。这个错误是less-loader库里的错误。

主要是less-loader版本太高，不兼容this.getOptions方法。

解决方案

1.问题的解决（方法一）：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过 npm install [email protected] 命令下载降级版本的 less-loader，这个问题就可以解决了.

1.npm uninstall less-loader
2.npm install [email protected]

2.或者可以删除node_modules文件夹，并且把package.json里less-loader里的版本改为5.0.0就行，然后npm install

2021-12-16补充：

不止 less-loader 同样 scss-loader ,css-loader，style-loader都有可能出现 。

 只需要 看报错 具体 是什么 上图 为例 报的是css-loader .所以 卸载对应得就行。

1.npm uninstall css-loader
2.npm install [email protected]

具体降到哪个版本 需要 看看 版本信息 比如 style-loader

style-loader - npmstyle loader module for webpack. Latest version: 3.3.1, last published: 5 months ago. Start using style-loader in your project by running `npm i style-loader`. There are 13931 other projects in the npm registry using style-loader.https://www.npmjs.com/package/style-loader降低 到 之前的版本 比如 2.0.0

还有可能出现 ：

vue，react报错node sass version is incompatible with 4.0.0 ||5.0.0 解决方案https://blog.csdn.net/weixin_44058725/article/details/119238977?spm=1001.2014.3001.5502https://blog.csdn.net/weixin_44058725/article/details/119238977?spm=1001.2014.3001.5502

总结：

看问题报错，首先看是什么类型的错误，先确定是自己代码里的还是插件库里的报错。才能对症下药。