【Vue】Module build failed TypeError this.getOptions is not a function问题解决

好久没写vue项目了，再写的时候感觉自己又是个小白了。发现问题原因分析反正只要是类似Module build failed的问题，90%是由于依赖的版本不对。深入剖析判断是哪个依赖出了问题也就是说，你需要知道是哪个依赖的版本不对。需要你记得什么时候出现了这个问题，然后向上追溯，将你没出问题之前的版本和现在的版本做比对，或者注释掉刚加入的依赖。问题解决我直接从报错上来看，是css方面有问题，再细看是

普通网友

868人浏览 · 2022-03-06 02:53:41

普通网友 · 2022-03-06 02:53:41 发布

好久没写vue项目了，再写的时候感觉自己又是个小白了。

发现问题

在这里插入图片描述

原因分析

反正只要是类似Module build failed的问题，90%是由于依赖的版本不对。

深入剖析

判断是哪个依赖出了问题
也就是说，你需要知道是哪个依赖的版本不对。需要你记得什么时候出现了这个问题，然后向上追溯，将你没出问题之前的版本和现在的版本做比对，或者注释掉刚加入的依赖。

问题解决

我直接从报错上来看，是css方面有问题，再细看是less的问题。注释掉less之后，项目又可以正常启动。所以直接搞less。

解决方案

卸载当前的less
```
npm uninstall less less-loader 
```
安装低版本less
这里我直接安装比较低版本的，不从6.0.0往下试了
```
npm install less@3.9.0 less-loader@4.1.0 --save-dev
```

总结

不太推荐sass-loader，因为好像要装python2环境。
在windows环境下，安装好python2环境后，还要配置path变量
在Linux环境下，Ubuntu20.04/CentOS8.1已经预装python3.8/3.5了。安装好python2之后，还要将python2作为python默认版本使用，建立软连接等操作，对于新手来说比较麻烦。
像我这种老新手（干了老半天还是新手的，叫老新手），就稍微能理解一些。