Vue解决less-loader报错 TypeError: this.getOptions is not a function

问题描述#

vue脚手架中安装less-loader默认是使用最新的版本，在.vue文件中使用lang="less"之后发现编译报错，Syntax Error: TypeError: this.getOptions is not a function

原因#

因为 less-loader 版本太高问题，webpack和less-loader版本兼容问题导致的，需要降低版本。

解决#

卸载原来安装的less-loader，安装指定低版本的less-loader。

# 卸载
npm uninstall less-loader -D

# 安装指定版本中最新的loader
npm i less-loader@7

如果上述的版本无法解决，则逐级降低版本

当前环境配置#

{
  "vue": "^2.6.11",
  "less": "^4.1.1",
  "less-loader": "^7.3.0"
}