Vue项目 Module build failed: TypeError: this.getResolve is not a function at Object.loader……

由于还用不惯 webpack 4，特别是采用了vue-cli3 搭建的项目，由于还没搞懂在这种环境中自己手动调整配置（vue-cli3 简化了配置，原来很多的配置都集成到vue-cli3内部，不需要在通过显性的配置了，至少目前觉得反而不方便了），所以又换回了webpack 3.6，还是采用vue-cli2（vue init webpack projectName 搭建环境）。
当采用scss来实现样式时，需要安装sass-loader和node-sass，才能正常加载解析scss文件。
然而问题就这么来了，编译报错，前前后后检查了很多遍，明明已经安装了sass-loader啦，报错还是提示loader异常，以下是完整的报错：

ERROR Failed to compile with 1 errors                                                                                                                                                                                  11:04:57 PM
     error in ./src/views/module/customer/topology/topologyList.vue

    Module build failed: TypeError: this.getResolve is not a function
        at Object.loader (E:\appEx\PreResearch\orchestrator\topology\node_modules\sass-loader\dist\index.js:52:26)

     @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-0b9912b5","scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/views/module/customer/topology/topologyList.vue 4:14-414 13:3-17:5 14:22-422

从报错来看，应该还是loader的问题，然后就删除重装sass-loader，node-sass，来来回回不下5次，还是报同样的错误，甚至怀疑是不是webpack.dev.config.js中没有配置好？一步步检查，也没有发现问题。
最后换git bash 来重新执行了一边npm install 代码，这个时候发现了问题…… ，由于之前我都是直接在vsCode中直接新建终端来执行shell脚本的，界面比较小，所以没有显示完整的日志，这次终于发现了蹊跷。

npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

我安装的sass-loader由于没有限定版本，安装的是最新的8.0.0版本，该版本是支持webpack4.36.0的，导致不匹配，最后再次删除安装的sass-loader，并重新指定7.0.3版本的sass-loader，终于不报错了。

指定特定版本
npm install sass-loader@7.0.3 --save-dev

这里还有一个版本号的问题，如果想指定明确的版本号，那么直接写死对应的，即@7.0.3 那么安装的就是7.0.3的，如果不确定版本号，又能接受微调的，那么可以采用 “~” 即 ~7.0.3 来表示，允许第二位进行更新优化，即接受 7.0.0 ~ 7.1.0 即只要第一位不变，第二位允许加1，其他的选取最新的版本编号。^7.0.3 则表示允许第一位加1，即在7.0.3 ~ 8.0.0 之间的版本（不包括8.0.0），如果直接用 * 号代替，则表示不限制，如果想要获取最新版本，则可以直接加上latest。

Vue项目 Module build failed: TypeError: this.getResolve is not a function at Object.loader……相关推荐

安装node-sass运行报错 Module build failed: TypeError: this.getResolve is not a function at Object.loader
在搭建vue脚手架或者是在vue项目中,想使用sass的功能, npm install node-sass --save-dev //安装node-sass npm install sass-loa ...
Error: Module build failed: TypeError: this.getResolve is not a function at Object.loader
错误原因:这是因为当前sass的版本太高,webpack编译时出现了错误,只需要换成低版本的就行. 找到package.json文件,里面的 "sass-loader"的版本更换掉 ...
VUE Module build failed: TypeError: this.getOptions is not a function at Object.loader 解决办法
背景:在VUE中安装了 npm install node-sass sass-loader --save-dev,然后启动就报错了,看提示是因为依赖的问题查了一下 node-sass sass-lo ...
Module build failed: TypeError: this.getOptions is not a function at Object.loader
问题描述测试webpack相关功能时出现这个Module build failed: TypeError: this.getOptions is not a function at Object.l ...
安装scss后报错Module build failed: TypeError: loaderContext.getResolve is not a function解决方法
scss安装后,报如下错误: Module build failed: TypeError: loaderContext.getResolve is not a functionat getWebpa ...
Module build failed: TypeError: Cannot read property 'vue' of undefined
2019独角兽企业重金招聘Python工程师标准>>> 在使用VUE CLI 3.x开发项目,一启动就报一下错误: Module build failed: TypeError: C ...
Vue, element-ui Module build failed: Error: No PostCSS Config found
使用vue框架写pc页面时,我们经常会用到element-ui这个框架. 当我们吧把需要的东西都装在好运行项目的时候,有时会出现这样的错误, Module build failed: Error: N ...
vue项目报错，解决Module build failed: Error: Cannot find module ‘node-sass‘ 问题
vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题参考文章: (1)vue项目报错,解决Module bu ...
Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......
自己写的公司项目,今天需要提交到公司版本库,可是在本地启动正常的项目,拷贝到git文件目录下突然报错Module build failed: Error: No PostCSS Config foun ...

Vue项目 Module build failed: TypeError: this.getResolve is not a function at Object.loader……

Vue项目 Module build failed: TypeError: this.getResolve is not a function at Object.loader……相关推荐

最新文章

热门文章