与 js-conditional-compile-loader 相关的 loaderUtils.getOptions is not a function报错原因及解决方案

最新推荐文章于 2024-01-06 17:19:26 发布
最新推荐文章于 2024-01-06 17:19:26 发布
阅读量1.4k 收藏
点赞数
文章标签： javascript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44012781/article/details/120950644
版权

loader-utils 版本冲突 js-conditional-compile-loader Webpack 解决方法
关键词由CSDN通过智能技术生成

报错信息：Syntax Error: TypeError: loaderUtils.getOptions is not a function
错误原因：js-conditional-compile-loader模块中对于loader-utils的版本要求是"loader-utils": “*”，目前loader-utils已升级到3.0版本，没有了这块的api，导致报错
解决办法：将"loader-utils"的版本定位"^2.0.0"，然后打了一个tgz包出来，package.json中改用本地的方式引入
在这里插入图片描述
附GitHub上js-conditional-compile-loader模块代码截图
在这里插入图片描述

班门弄个斧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
conditional-compile-loader
05-15
conditional-compile-loader conditional-compile-loader 根据设定的参数对 vue、js、jsx 和 css(less, sass 等) 代码进行条件编译。 安装 先安装 conditional-compile-loader npm install -D conditional-compile-loader # or yarn add -D conditional-compile-loader 规则说明 条件编译写法 说明 #ifdef APP-PLUS 需条件编译的代码 #endif 仅出现在 App 平台下的代码 #ifndef H5 需条件编译的代码 #endif 除了 H5 平台，其它平台均存在的代码 #ifdef H5 || MP-WEIXIN 需条件编译的代码 #endif 在 H5 平台或微信小程序平台存在的代码（多个的情况使
js-conditional-compile-loader-1.0.15.tgz
10-25
【js-conditional-compile-loader 1.0.15】是一个专为JavaScript代码条件编译设计的加载器，用于处理项目中的环境特定代码。在软件开发中，有时我们需要根据不同的运行环境（例如开发、测试和生产）来编译不同的代码...
TypeError: loaderUtils.getOptions is not a function
最新发布
恰排骨芸豆包嘛的博客
01-06 972
思路：直接去 github 里面搜索 loaderUtils.getOptions 看看别人的版本是如何设置的，如下图所示。就不会再报这个错误了。
loader-utils 包的getOptions is not a function
qiaokeli826的专栏
03-24 1060
webpack 5 已经可以通过this.query 直接获取loader的options配置，所以不需要利用loader-utils工具获取：
loaderutils.getoptions is not a function 解决方案
xuelang532777032的博客
05-31 9227
是不是在webpack编译 vue的时候  报错了？  其实这个问题很简单    cnpm install --global vue-cli cnpm install vue cnpm install vue-loader vue-template-compiler loader-utils 直接从淘宝更新下这几个吧  别 用npm 用  cnpm
Vue+element ui系列：npm run dev --ld 来实现样式的条件编译，使用到了js-conditional-compile-loader插件
浪潮行舟_chenjin2136
04-20 347
问题来了，样式的条件编译我想用以下两个方式实现，都遇到了问题，找了一些资料，最终解决方案是设置。最终实现样式的条件编译，用的同一套代码，有个列表显示数据不一致，通过条件编译实现显示不同的列表。xxx是在webpack中指定的条件属性名，如上面的isHK。插件支持IFDEBUG和IFTRUE两个条件编译指令。进行如下设置后，样式的条件编译实现。用法是：在js代码的任意地方以//结尾，中间是被包裹的js代码。versionType为1或2。时versionType为1。可以看到舱门管理被隐藏。
webpack-conditional-loader：JavaScript的C条件指令
02-06
npm install --save-dev webpack-conditional-loader 用法 在您的webpack.config.js 将webpack-conditional-loader作为数组中的最后一个加载器，因此它将先处理所有其他代码。 module: { rules : [ { test : / \...
rh-perl524-perl-Module-Load-Conditional-0.64-379.el7.noarch.rpm
01-03
官方离线安装包，测试可用。使用rpm -ivh [rpm完整包名] 进行安装
ember-cli-conditional-compile:Ember的条件编译（功能标志）
05-01
ember-cli-conditional-compile ember-cli-conditional-compile的目标是为Ember应用程序提供易于使用的功能开关，以使隐藏在禁用的功能开关后面的代码不在编译后的代码中。入门这是一个ember-cli插件，因此您所需要...
getOptions is not a function（webpack自己写loader时想用loader-utils获取参数）
zl871318846的博客
12-28 985
最新版的loader-utils好像已经没有这个方法了，可以运行指令 npm install --save-dev loader-utils@1.0.4 进行版本回退（暂时解决） 最新获取loader参数的方法后面时间再研究研究，如果有知道的朋友也欢迎在评论区留言呀 ...
loader-utils:Webpack加载程序的实用程序
04-22
loader-utils 方法 getOptions 检索加载程序调用选项的推荐方法： // inside your loader const options = loaderUtils . getOptions ( this ) ; 如果this.query是字符串： 尝试解析查询字符串并返回一个新对象 如果不是有效的查询字符串，则抛出该异常 如果this.query是类对象，则仅返回this.query 在任何其他情况下，它只返回null 请注意：返回的options对象是只读的。 它可以在多个调用中重复使用。 如果将其传递给另一个库，请确保对其进行深拷贝： const options = Object . assign ( { } , defaultOptions , loaderUtils . getOptions ( this ) // it is safe
E聊SDK在TypeScript下的条件编译(使用js-conditional-compile-loader插件)
kong_dzq的博客
06-14 1422
条件编译: 用同一套代码和同样的编译构建过程，根据设置的条件，选择性地编译指定的代码，从而输出不同程序的过程 1.背景： E聊SDK需要使用一套TypeScript开发的客户端核心代码实现了跨平台支持(如Web, ReactNative, 小程序等)。 2.分析： 平台无关部分: 客户端SDK里有大部分业务逻辑是相同的，比如连接通道的建立，用户认证，文件上传等业务逻辑，这部分可称之为平台无关部分。 平台相关部分: 比如http网络请求，在Web下使用的是isomorphic-fetch依赖, 而在React
loaderContext.getOptions is not a function
YukiGreen的博客
07-13 4895
Module build failed: TypeError: loaderUtils.getOptions is not a function
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
条件编译的其他用法
12-27 575
// // main.c // C语言学习 #include #define SCORE 100 #define COUNT 50 int main(int argc, const char * argv[]) { #ifdef SCORE //判断是否定义了后面的宏 printf("score\n"); #else COUNT printf("count
Syntax Error: TypeError: this.getOptions is not a function错误解决
小伟的博客
05-06 7463
今日使用Vue做项目时，开启server服务,显示编译失败，错误信息如下 经过查找原因，发现是版本号太高的原因 可在 package.json 中 查看 各个依赖的版本号 之前less-loader是 8. 多开头的，最新的版本，该图片是卸载重新安装之后的版本号 1、卸载 less-loader npm uninstall --save less-loader 2、安装一个低版本的（我安装的是7.3.0的，没有问题） npm install -D less-loader@7.3.0 ...
Syntax Error: TypeError: this.getOptions is not a function
The One Who's at the Front
11-30 693
vue项目安装less-loader后运行报错： 安装版本如下所示： 之前项目使用less并没有报错，对比代码后发现只有版本不一样，尝试降低版本\color{#411445}{降低版本}降低版本后可以正常运行了： //卸载高版本 npm uninstall less-loader //重新安装低版本 npm install less-loader@5.0.0 --s ...
Syntax Error: TypeError: this.getOptions is not a function 报错解决
m0_49159526的博客
04-21 1万+
最近在研究vue3的过程中，在项目中想使用less,安装了less和less-loader后，重启项目，终端报错 Syntax Error: TypeError: this.getOptions is not a function， 意思是有语法错误。。。 解决： 通过脚手架创建的项目，发现安装引入的，用于加载.less文件，将less转化为css的less-loader版本过高，8.1版本 “less-loader”: “^8.1.1” 卸载重装低版本（7.）解决了这个问题 // 卸载 npm un
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值