vue解决报错问题：Module build failed: TypeError: this.getOptions is not a function

最新推荐文章于 2022-12-17 17:56:20 发布
最新推荐文章于 2022-12-17 17:56:20 发布
阅读量1.9k 收藏 4
点赞数
分类专栏： vue学习笔记 文章标签： vue.js sass 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zuoyiran520081/article/details/123372027
版权
本文讲述了在使用Node-sass和Sass-loader进行项目初始化时遇到的版本问题，通过调整node-sass和sass-loader版本来修复npm run dev时的错误，重点在于如何确定并配置兼容的版本。
摘要由CSDN通过智能技术生成

项目初始化使用脚手架搭建后安装依赖，使用sass时，安装了node-sass，没有安装sass-loader，安装后执行 npm run dev 报如下图所示：
在这里插入图片描述
上述错误是安装的sass-loader版本太高，降低成7.3.1版本，报下图错误：在这里插入图片描述
提示安装的node-sass版本不兼容，查找之前项目安装的版本号，最终确定的安装版本为：

"node-sass": "^4.14.1",
"sass-loader": "^7.3.1",
zuo-yiran
关注
专栏目录
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
asdfadafd的博客
02-28 593
最近学习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.
Module build failed: TypeError: this.getOptions is not a function（已解决）解决node-sass与node版本冲突问题
weixin_44919186的博客
07-25 1713
问题： 执行npm run dev，首先出现了如下这个问题 ： 踩坑1： 之后上网查原因得知是因为：node-loader版本过高导致的问题，建议将版本降低到@7.3.1 通过命令：npm install sass-loader@7.3.1 --save-dev降低了版本 再继续执行npm run dev 依然还是继续报错如下： 踩坑2： 之后继续网上查原因得知是因为：@6.0.0版本过高了，需要换成@4.x版本的 继续通过命令：npm in...
Module build failed: TypeError: this.getOptions is not a function
普普通通的博客！
06-28 489
Vue项目中，遇到了Module build failed: TypeError: this.getOptions is not a function的问题在我的项目中，我以为postcss没有用，然后卸载了，可是这个好像是被集成的，如果去掉这个地方就会报错，所以我在package.json中加上了postcss相关的插件，然后npm install就解决了。 这几个版本在我这里没有出现版本冲突的问题~...
Module build failed: TypeError: this.getOptions is not a function 安装sass报错，更换版本问题
weixin_55597825的博客
01-29 1716
最近在学习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
weixin_50948265的博客
12-12 993
在用webpack下载loader打包css文件的时候遇到的错误，主要原因就是不兼容 只需要改变一下style-loader和css-loader的版本就好了 npm install -save -dev style-loader@0.23.1 npm install -save -dev css-loader@2.0.2
vue使用scss报错Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node
圆圆的 JavaScript 博客
02-23 700
解决让人麻烦的sass问题
Module build failed: Type Error: this.getOptions is not a functio（Vue框架使用webpack打包css，less遇到的错误）
liqic的博客
12-17 584
使用Vue框架学习开发时遇到的打包问题。
VUE Module build failed: TypeError: this.getOptions is not a function
贺吱吱的博客
04-07 1668
Module build failed: TypeError: this.getOptions is not a function 在Vue-cli中使用lang="less"时报错：Module build failed: TypeError: this.getOptions is not a function at Object.loader 出现这个问题的原因是less-loader版本过高，降级到5.0.0即可 npm install less-loader@5.0.0 --save-dev .
webpack报错Module build failed: TypeError: this.getOptions is not a function
cgs的博客
10-16 218
一般都是版本问题，使用 npm install 安装 webpack 模块的时候，要指定版本，例如： npm install style-loader@0.23.1 --save-dev
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.
Module build failed: TypeError: this.getOptions is not a function at Object.loader
weixin_44995391的博客
05-17 5046
问题描述 测试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 这里以
运行vue 报错TypeError: this.getOptions is not a function at Object.loader
最新发布
09-14
一种可能的解决方法是升级或降级 Vue Loader，以使其与你的 Vue 版本匹配。你可以在 package.json 文件中查找到 Vue Loader 的版本号，然后根据需要进行修改。 另外，请确保你的 webpack 配置中正确地配置了 Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值