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

最新推荐文章于 2023-11-07 10:05:03 发布
原创 最新推荐文章于 2023-11-07 10:05:03 发布 · 751 阅读 · 0
本文介绍了在学习Vue时遇到的node-Sass报错Module build failed: TypeError: this.getOptions is not a function的问题及解决方案。错误主要由node-loader版本过高引起，建议降级至7.3.1。如果问题未解决，可能是Node Sass版本过高（5.0.0），需要降级到4.14.1。通过npm命令更新这两个依赖后，使用npm run dev可以正常运行项目，附带展示了ElementUI的运行效果。

最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案

踩坑一：（Module build failed: TypeError: this.getOptions is not a function ）

这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.3.1，小编的版本是@11.0.0

直接使用命令：npm install sass-loader@7.3.1 --save-dev 降低版本号

在这里插入图片描述

再进行npm run dev即可运行

踩坑二：若坑一未解决，并且继续抛出异常（Node Sass version 5.0.0 is incompatible with ^4.0.0）

问题其实指明的很明显了，就是说@5.0.0版本过高了，需要换成@4.x版本的

这里我们降版本到@4.14.1 （npm install node-sass@4.14.1 --save-dev）

使用npm run dev 完美解决 附ElementUI（运行效果图）

在这里插入图片描述

标签
#sass #vue.js #elementui
最低0.47元/天 解锁文章
基于LendingClub数据的信贷分析和建模报告
棒子皮蹦蹦床
04-24 2万+
一：课题分析 二：数据获取 三：数据探索 ３．１主要特征含义理解 ３．２特征分布 ３．２．１目标特征分布 ３．２．２分类变量的分布 ３．２．３连续数值特征分布 ３．２．４时序特征分布 ３．２．５文字特征分布 ３．２．６两两特征的协方差 四：数据预处理 ４．１数据集划分 ４．２特征缺失值识别与处理 ４．２．１严重缺失值的处理 ４．２．２缺失值填充 ４．３同值性特...
npm报错TypeError: this.getOptions is not a function
邓邓子的博客
02-02 1694
1、问题 执行npm run serve报错： TypeError: this.getOptions is not a function 2、解决方法 由于sass-loader版本过高造成的，执行以下命令卸载当前版本安装低版本： npm uninstall sass-loader npm install sass-loader@7.0.1 --save-dev ...
Module build failed: TypeError: this.getOptions is not a function报错解决方案
weixin_42504805的博客
09-14 2688
Module build failed: TypeError: this.getOptions is not a function报错解决方案
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
🏆 前端领域优质创作者
11-07 7589
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错
FATCATS博客
03-10 2万+
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案 踩坑一：（Module build failed: TypeError: this.getOptions is not a function ） 这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.
scss安装以及Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错
qq_46153157的博客
05-01 863
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'] }
Module build failed: TypeError: this.getOptions is not a function的报错
weixin_47055643的博客
07-08 4678
Module build failed: TypeError: this.getOptions is not a function的报错，根据网上搜索的结果，原因应该是node-sass的版本与sass-loader的版本不匹配。记录一下解决的过程。
Module build failed: TypeError: this.getOptions is not a function 安装sass报错，更换版本问题
weixin_55597825的博客
01-29 1831
最近在学习vue elementui ，安装node-sass，sass-loader 会出现Module build failed: TypeError: this.getOptions is not a function。其实是版本的问题（安装的版本太高了）。经过不停的百度搜索查阅验证，以及自己探索终于找到了解决方案。 步骤一：先替换sass-loader版本，我们尝试降低版本。 直接使用命令：npm install sass-loader@7.3.1 --save-dev 降低版本号 点击pac
Module build failed: TypeError: this.getOptions is not a function
qq_35030275的博客
06-07 1008
原因：由于stylus版本过高导致。 解决方案：将当前stylus卸载，下载较低版本的stylus。代码如下： （1）npm uninstall stylus stylus-loader （2）npm install stylus stylus-loader@3.0.1 --save-dev
前端踩坑（四）(vue)报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"
TUTsmile的博客
11-11 827
// 解决Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"的报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalP...
Module build failed: TypeError: this.getOptions is not a function at Object.loader
weixin_44995391的博客
05-17 5373
问题描述 测试webpack相关功能时出现这个Module build failed: TypeError: this.getOptions is not a function at Object.loader 原因分析： 这个问题主要是因为node-loader版本过高导致的问题 解决方案 css-loader降为3.6.0版本即可 npm install css-loader@2.0.2 --save-dev npm install style-loader@0.23.1 --save-dev 这里以
Module build failed: Type Error: this.getOptions is not a functio（Vue框架使用webpack打包css，less遇到的错误）
liqic的博客
12-17 705
使用Vue框架学习开发时遇到的打包问题。
TypeError: this.getOptions is not a function 的解决(vue,react)
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-25 5万+
1.npm uninstall less-loader 2.npm install less-loader@5.0.0 一、报错信息 TypeError: this.getOptions is not a function这个是在运行项目是遇到的问题 vue里 ...
TypeError: this.getOptions is not a function 的解决
hyupeng1006的博客
01-06 2万+
React这个实际上就是 sass-loader 的版本过高或过低，与当前node版本不对应，不兼容 getOptions 函数方法，所以需要对 sass-loader 进行升级或降级处理。1、命令行卸载node-sass和sass-loader，重新安装跟你当前node版本对应的node-sass和sass-loader。2、或者可以删除node_modules文件夹，直接修改package.json里sass-loader和node-sass里的版本，然后npm install四、node。
Module build failed TypeError this.getOptions is not a function at Object.loader
m0_67402341的博客
03-08 974
这个异常说明了当前 style-loader 的版本过高导致 webpack 的编译错误，需要降低版本 解决方法：降低当前style-loader版本 npm install style-loader@<version> --save-dev 如下： npm install style-loader@1.0.0 --save-dev ...
【Vue】Module build failed TypeError this.getOptions is not a function问题解决
m0_67401606的博客
03-06 955
好久没写vue项目了，再写的时候感觉自己又是个小白了。 发现问题 原因分析 反正只要是类似Module build failed的问题，90%是由于依赖的版本不对。 深入剖析 判断是哪个依赖出了问题 也就是说，你需要知道是哪个依赖的版本不对。需要你记得什么时候出现了这个问题，然后向上追溯，将你没出问题之前的版本和现在的版本做比对，或者注释掉刚加入的依赖。 问题解决 我直接从报错上来看，是css方面有问题，再细看是less的问题。注释掉less之后，项目又可以正常启动。所以直接搞less。 解决方案 卸
TurboGrid_Tutorial_Package_2022_R1.zip
TurboGrid_Tutorial_Package_2022_R1
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值