webpack打包报错TypeError: this.getOptions is not a function style-loader报错

最新推荐文章于 2023-10-31 15:08:02 发布
原创 最新推荐文章于 2023-10-31 15:08:02 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #前端 #vue.js #npm #javascript

本文介绍了一次使用style-loader遇到的版本冲突问题及解决方案。在使用默认安装的style-loader版本3.3.1时，遇到了TypeError错误。通过将版本降至2.0.0，成功解决了该问题。

今天在项目里用了style-loader，打包发现报错：TypeError: this.getOptions is not a function
目测是版本问题，默认装的style-loader版本是3.3.1。降低版本为2.0.0 ，问题解决。
ps：使用的webpack版本为4.28.4
在这里插入图片描述

Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
🏆 前端领域优质创作者
11-07 7189
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
【webpack4学习记录】使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function
安之ccy的博客
08-12 1550
使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function的解决办法
TypeError this.getOptions is not a function（全网最详细）
m0_67403272的博客
03-08 1059
这个是因为 这个鬼家伙导致的，因为你的依赖反义不了它，所以会报错this.getOptions is not a function 这个时候我们先看下我们的package.json 要有sass-loader style-loader node-sass 才可以翻译成功哦 命令如下 npm uninstall sass-loader npm install sass-loader@7.3.1 --save-dev npm uninstall style-loader npm install style-l
webpack4 style-loader less-loader 出现 TypeError: this.getOptions is not a function at Object.loader
daihaoxin的专栏
07-20 2239
今天配置了一下 webpack.config.js , 然而css的打包一直出错，配置都是常规配置，错误如下： ERROR in ./src/search.css Module build failed (from ./node_modules/style-loader/dist/cjs.js): TypeError: this.getOptions is not a function at Object.loader (C:\Users\xingmu\ws\practice\webpack-gk\
TypeError: this.getOptions is not a function
热门推荐
qq_42430948的博客
02-02 16万+
今天用webpack打包项目，安装了less-loader模块之后报错，如下图： 原因： less-loader安装的版本过高 解决方案： 1.npm uninstall less-loader 2.npm install less-loader@5.0.0
如何解决TypeError: this.getOptions is not a function at Object.loader及webpack对应loader版本问题
qq_45701130的博客
04-12 3919
前言：在使用webpack时总是出现类似TypeError: this.getOptions is not a function at Object.loader的错误，查找相关资料，是说webpack和要安装的loader版本不匹配的问题，但是都没有说如何找到webpack对应的loader版本。 如何找到webpack对应的loader版本？ 1、进入gitHubhttps://github.com/webpack/webpack/ 2、在Tags中选择不同的版本 ...
Vue项目，安装less，less-loader，报错【TypeError: this.getOptions is not a function】解决办法
苏小姐的茶
03-23 3898
问题：Vue项目，安装less和less-loader ， 报错【Syntax Error: TypeError: this.getOptions is not a function】 报错如下： 报错原因： 在可视化页面里，默认安装最新版本的less和less-loader，而最新版本的依赖包往往不稳定，容易出现问题，所以，我们应该安装稳定的版本。 解决办法： 1.先卸载掉原先的版本 2.通过命令行的方式安装指定的版本（注意：在你当前项目里安装即可，不用全局安装，所以加...
[Vue]解决less-loader 报错 TypeError: this.getOptions is not a function
喜欢前端的后端 MelodyJerry
02-26 1万+
问题 less-loader 报错 TypeError: this.getOptions is not a function at Object.lessLoader： Failed to compile. ./src/views/Login.vue?vue&type=style&index=0&id=26084dc2&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--1
Syntax Error: TypeError: this.getOptions is not a function
qq_57980267的博客
07-19 3254
出现问题场景，具体代码如下 Syntax Error: TypeError: this.getOptions is not a function 语法错误:TypeError: this。getOptions不是一个函数 error in ./src/components/page/aaaa.vue?vue&type=style&index=0&id=7c5fa7e0&lang=less&scoped=true& Syntax Error..
Syntax Error: TypeError: this.getOptions is not a function的解决（Vue）
michiko98的博客
10-31 6221
TypeError: this.getOptions is not a function 这个是在运行项目是遇到的问题。这个报错是类型错误，this.getOptions 不是一个函数。这个错误一般就是less-loader库里的错误。主要是less-loader版本太高，不兼容this.getOptions方法。根据自己的nodejs版本，选择降到合适的less-loader版本。对应的less-loader不报错版本为5.0.0，安装命令为。我的nodejs版本为14.21.1。
vue打包--TypeError: this.getOptions is not a function（关于postcss-loader）
qq_35353972的博客
04-02 2026
问题的分析：这个实际上就是 postcss-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 postcss-loader 进行降级处理。运行以上命令下载降级版本的 postcss-loader，这个问题就可以解决了。
webpack中问题解决 Module build failed: TypeError: this.getOptions is not a function
weixin_45682449的博客
08-13 691
解决方法链接：https://blog.csdn.net/weixin_43717016/article/details/109288271
this.getOptions is not a function错误解决方案
qq_43942520的博客
09-05 3410
this.getOptions is not a function错误解决方案 在使用webpack时总会遇到这样的问题，都是版本不兼容问题，可降低版本来实现： //style-loader npm install style-loader@+版本号 --save-dev //less-loader npm install less-loader@+版本号 --save-dev less //css-loader npm install css-loader@+版本号 --save-dev ......
TypeError: this.getOptions is not a function（全网最详细）
init_yanxiao的博客
06-10 3万+
这个是因为 这个鬼家伙导致的，因为你的依赖反义不了它，所以会报错this.getOptions is not a function 这个时候我们先看下我们的package.json 要有sass-loader style-loader node-sass 才可以翻译成功哦 命令如下 npm uninstall sass-loader npm install sass-loader@7.3.1 --save-dev npm uninstall style-loader npm install style-
TypeError: this.getOptions is not a function解决方案
weixin_45392774的博客
09-03 1152
问题出现： 用webpack打包项目后，运行过程中报错，如下图： 问题分析 经过网上查询资料结合报错内容，推测是sass-loader版本过高，不兼容getOptions函数方法，所以需要对sass-loader进行降级处理 问题解决 通过npm uninstall sass-loader命令卸载原来版本@12.0.0，后 通过sass-loader命令下载降级版本的sass-loader@8.0.0，解决啦 ...
【webpack】webpack3.6.0 css-loader 报错this.getOptions is not a function
weixin_45650440的博客
09-17 898
原因 ：本地webpack3.6.0， 解决 ：安装指定 css-loader css-loader@3.0.0 --save-dev
[Vue]解决less-loader报错 TypeError: this.getOptions is not a function pnpm
最新发布
12-06
在使用Vue开发项目时，可能会遇到less-loader报错 `TypeError: this.getOptions is not a function`。这个问题通常是由于less-loader版本不兼容导致的。以下是解决这个问题的步骤： 1. **检查less-loader版本**： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值