Vue集成less遇到的坑

vue的項目中使用lang=”less“在安裝less-loader的時候經常會因為版本過高報錯

 

Module build failed: TypeError: loaderContext.getResolve is not a function
    at createWebpackLessPlugin (C:\Users\EDZ\Desktop\nsf_enterprise\nsf_enterprise\node_modules\less-loader\dist\utils.js:31:33)
    at getLessOptions (C:\Users\EDZ\Desktop\nsf_enterprise\nsf_enterprise\node_modules\less-loader\dist\utils.js:148:31)
    at Object.lessLoader (C:\Users\EDZ\Desktop\nsf_enterprise\nsf_enterprise\node_modules\less-loader\dist\index.js:29:49)

 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-3d5f66de","scoped":true,"hasInlineConfig":false}!./node_modules/less-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/order/allOrder.vue 4:14-385 13:3-17:5 14:22-393
 @ ./src/components/order/allOrder.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

 

 

 

這是由於最新版本的less-loader與當前Vue版本不兼容

 

解決辦法: 根據使用的Vue版本選擇相應的less-loader版本

npm install less-loader@4.1.0