今天在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
之后重启项目就可以了
如果文章对您有所帮助,麻烦一键三连点一点