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

在Vue项目中使用less-loader时，可能会遇到以下错误：

TypeError: this.getOptions is not a function

这个错误通常是由于less-loader版本不兼容导致的。以下是解决这个问题的几种方法：

1. **降级less-loader版本**：
降级less-loader到兼容的版本，例如7.x版本。可以通过以下命令进行降级：

   npm install less-loader@7 --save-dev

2. **升级Vue CLI**：
确保使用的是最新版本的Vue CLI，因为新版本通常会修复这类兼容性问题。可以使用以下命令升级Vue CLI：

   npm install -g @vue/cli

3. **配置webpack**：
如果你使用的是自定义webpack配置，可以在webpack配置文件中添加以下配置：

   module.exports = {
     // 其他配置
     module: {
       rules: [
         {
           test: /\.less$/,
           use: [
             'vue-style-loader',
             'css-loader',
             {
               loader: 'less-loader',
               options: {
                 lessOptions: {
                   javascriptEnabled: true
                 }
               }
             }
           ]
         }
       ]
     }
   }

4. **检查依赖版本**：
确保所有相关依赖的版本是兼容的。可以使用以下命令查看依赖版本：

   npm list less-loader less

通过以上方法，可以解决less-loader报错的问题。