import less文件时报错：Module build failed: TypeError: loaderContext.getResolve is not a function

import Vue from 'vue'
import App from './App'

import '@/assets/css/style.less'
Vue.config.productionTip = false

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

运行时提示

# xxxx是项目的路径
Module build failed: TypeError: loaderContext.getResolve is not a function
    at createWebpackLessPlugin (xxxx\node_modules\less-loader\dist\utils.js:36:33)
    at getLessOptions (xxxx\node_modules\less-loader\dist\utils.js:158:31)        
    at Object.lessLoader (xxxx\node_modules\less-loader\dist\index.js:29:49)

这种情况一般是less-loader的版本太高导致的，适当的降低版本即可解决, 下面这种情况也会出现上面提到的问题，解决方法也是一样的

<template>
</template>
<script>
export default {
  name: 'App'
}
</script>
<style lang="less"><!-- 这里会出问题 -->
</style>