Vue项目中导入less报错的解决办法

今天在vue项目中使用了less语法，结果出现了错误，安装、代码和报错如下情况

 WAIT  Compiling...                                                                                                                                                                                                        21:42:42

98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                                                                                                                                     21:42:43

 error  in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&scoped=true&

Syntax Error: TypeError: this.getOptions is not a function


 @ ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--10-oneOf-1-2!./node
_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&scoped=true& 4:1
4-443 14:3-18:5 15:22-451
 @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=less&scoped=true&
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.137.1:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

解决办法

查了一些资料，发现是因为less-loader的版本太高了。改成7的就行。

打开package.json，把less-loader版本改下如下

重新执行一下

npm install

之后重启项目就可以了

如果文章对您有所帮助，麻烦一键三连点一点