使用scss报错TypeError: this.getResolve is not a function

最新推荐文章于 2024-05-15 17:18:16 发布

yanhyan

最新推荐文章于 2024-05-15 17:18:16 发布

阅读量273

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_40151813/article/details/103248346

版权

vue 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了解决因sass-loader版本过高导致的编译错误问题。通过将版本从8.0.0降至7.3.1，并重新安装依赖，成功修复了项目启动时的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因：安装的sass-loader的版本为最新8.0.0，查看网上资料说是版本过高导致编译错误。

解决方法：

把项目package.json文件中sass-loader版本改为7.3.1。执行命令，重新安装项目依赖：

npm install

然后，启动项目：

npm run dev

就好了！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yanhyan

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

ActionPig 的 Js

09-08

1959

由于还用不惯 webpack 4，特别是采用了vue-cli3 搭建的项目，由于还没搞懂在这种环境中自己手动调整配置（vue-cli3 简化了配置，原来很多的配置都集成到vue-cli3内部，不需要在通过显性的配置了，至少目前觉得反而不方便了），所以又换回了webpack 3.6，还是采用vue-cli2（vue init webpack projectName 搭建环境）。当采用scss来实现...

Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错

Hero_rong的博客

09-26

900

找了半天，各个配置都检查了，就是报错，后来经过不懈努力终于发现，发现是sass-loader版本太高了如果各位同学的配置如下，然后还是报错，就可以考虑换一个版本了 1.安装sass npm install node-sass --save-dev npm install sass-loader --save-dev 2.然后配置build文件夹下的webpack.ba...

参与评论您还未登录，请先登录后发表或查看评论

在VUE项目中使用scss报错：TypeError: this.getResolve is not a function at Object.loader

wu_yans的博客

10-14

480

在搭建了一个新项目之后，准备开始画页面了，很开心。却在页面使用了scss的时候报错了：这一大片报红，赶紧去看了依赖，发现依赖也是都有的：这就奇怪了，后面看了好久，以为没配置，也跑去配置，实际并不是，而是sass-loaderd 版本太高了，导致编译的时候出问题了，我降低了版本之后就可以正常运行了。我是将版本降低到了7.1.0：问题解决，赶页面去了，嘻嘻。 ...

vue项目使用sass报错:this.getResolve is not a function

weixin_45115895的博客

06-11

393

vuevue项目使用sass报错:this.getResolve is not a function 这个问题之前遇到过,百度一下解决了也没多想,今天第二次又遇到了,我得奉劝自己一句:你可长点心吧特此记录,以示警戒这种报错是由于sass-loader的版本过高导致,安装的时候需要指定一下版本号,我一般用7.0.0 不指定版本的话安装的是8.0版本,就会报这个错误第一步安装sass-loader node-sass npm install node-sass@^4.9.0 -D npm install

SCSS报错: TypeError: this.getOptions is not a function

qq_35637447的博客

09-18

1595

./node_modules/css-loader??ref--9-1!./node_modules/postcss-loader/lib??ref--9-2!./node_modules/sass-loader/dist/cjs.js??ref--9-3!./src/assets/styles/global.scss Module build failed: TypeError: this.getOptions is not a function at Object.loader (D:\MyP.

使用scss报错 TypeError: this.getOptions is not a function

qq_42844731的博客

01-28

1139

sass及周边生态版本需要对应: yarn add -D @storybook/preset-scss css-loader@5.2.6 sass sass-loader@10.1.1 style-loader@2.0.0

vue 引入 scss 编译报错：Module build failed: TypeError: this.getResolve is not a function

邪人君子的博客

02-18

1853

vue 引入 scss 编译报错： ./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1168d9a7”,“scoped”:true,“hasInlineConfig”:false}!./node_modules/sa...

vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function

凌霄的博客

11-19

761

安装sass-resources-loader插件，然后新建一个var.scss cnpm install sass-resources-loader --save 例如var.scss： @charset "UTF-8"; $themeColor: #409eff; @mixin ellipsis() { overflow: hidden; text-overflow: ellips...

【Vue学习】使用 “scss” 时报错‘ vue-style-loader css-loader

java_dazhuzhu的博客

05-01

929

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记。

解决前端项目问题：Uncaught (in promise) TypeError: resolve is not a function报错

热门推荐

意初的博客

09-23

1万+

运行项目浏览器：Uncaught (in promise) TypeError: resolve is not a function报错。

前端报错Syntax Error: TypeError: this.getResolve is not a function

zhuohaiyy的博客

12-01

1464

今天运行前端工程时提示：Syntax Error: TypeError: this.getResolve is not a function 原因：sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1 解决方案：　npm uninstall sass-loader（卸载当前版本）　npm install sass-loader@7.3.1 --save-dev ...

scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错

qq_46153157的博客

05-01

797

scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错第一步安装指令： npm install sass-loader node-sass --save-dev 第二步找到build文件下webpack.base.conf.js中的rules里面添加配置： { test: /\.sass$/, loaders: ['style', 'css', 'sass'] }

TypeError: this.getOptions is not a function 解决方法

曈欣的博客

11-08

1441

例如，node-sass 版本为 ^4.0.0，表示 sass-loader 的版本应该为 ^8.0.0 或更高版本，但不包括 10.0.0 及以上版本。的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。当我确定了 sass-loader 的版本之后，直接安装的 sass，默认最新版本，就没有报错，可以成功运行。也可以不用 node-sass 用 sass 代替，推荐大家去安装 sass，因为它对环境的依赖比较低。

sass 版本过高报错this.getOptions is not a function

weixin_67849181的博客

04-11

361

vue项目中用到sass报错，代码正常无问题，运行报错this.getOptions is not a function。涉及到这个问题，就是版本原因了，我安装的。版本太高，卸载安装低版本即可。

安装node-sass运行报错 this.getResolve is not a function at Object.loader

烟雨任平生╰的博客

03-07

271

vue安装node-sass编译报错 Modele build failed: TypeError: this.getResolve is not a function at Object.loader… sass-loader 版本太高所导致的找到package.json文件修改成低版本即可（^7.3.1） ...

error in ./src/assets/css/element-variables.scss

qq_46199553的博客

05-15

3184

妈呀，sass-loader报错了 TypeError: this.getOptions is not a function

lzfengquan的博客

02-16

2791

你是不是也报错了 TypeError: this.getOptions is not a function 说 getOptions不是一个函数。网上都说版本高，试了好几个都不行，就算我按照以前成功的方法执行还是不OK，以前执行的各种方法也是成功的，这次不行了，不过可以看看最后终于解决了。先把我们的node-modules文件包删除了注意一定要删除了，要不然有缓存问题，造成我们一直可能不会成功然后我们检查自己的node版本，我的目前是16.5.0 的。检查原因：发现是当我们写了 lang

Vue安装sass-loader，然后报错TypeError: this.getOptions is not a function

qq_48218347的博客

08-20

423

使用样式lang="scss",发现报错了，提示”Failed to resolve loader: sass-loader You may need to install it.“ 于是上网找下载sass-loader方法： 1.安装sass-loader npm install sass-loader --save-dev 2.安装node-sass npm install node-sass --save-dev 安装后发现还是不能用，于是看报错TypeError: ...

webpack安装处理css依赖，并解决 TypeError: this.getResolve is not a function的问题

weixin_43918070的博客

12-30

605

问题描述 (node:10136) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function at Object.loader (F:\WebStorm\UseWebpack\03-webpack的loader使用\node_modules\css-loader\dist\index.js:62:27) at LOADER_EXECUTION (F:\WebStorm\UseWebpack\03-webpa

error in ./src/assets/css/element-variables.scss Syntax Error: TypeError: this.getOptions is not a function