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"
}