Vue:安装less编译报错：Module build failed (from ./node_modules/less-loader/dist/cjs.js)

最新推荐文章于 2024-09-06 16:19:53 发布
最新推荐文章于 2024-09-06 16:19:53 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： Vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/quan278905570/article/details/117574706
版权
本文介绍了在Vue项目中遇到less和less-loader版本冲突时，如何通过降级less-loader至7.3.0来修复'getOptions is not a function'错误。解决方案包括重新安装并指定版本号以确保项目编译顺利进行。
摘要由CSDN通过智能技术生成

问题

在Vue项目中安装了 less和less-loader 后，npm run build编译项目的时候提示下面报错：
Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions is not a function

报错的原因是less-loader的高版本不支持当前环境

解决方案

重新安装less，降低less-loader的版本

  npm install less-loader@7.3.0 --save-dev

奋斗鱼
关注
专栏目录
Module build failed (from ./node_modules/vue-loader/index.js): TypeError: Cannot read property ‘vue‘
郭宝的博客
12-03 1万+
背景： 在通过 npm run dev 运行一个vue项目时，出现了如下报错信息 Module build failed (from ./node_modules/vue-loader/index.js): TypeError: Cannot read property 'vue' of undefined 解决办法：
工作407-启动vue项目出现Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: I
歌谣的博客
04-16 618
This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-ef68022e","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../nod
vue报错Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions
lucky__peng的博客
04-22 4279
使用vue安装完less和less-loader后 报错Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions is not a function 这种情况一般是因为安装的版本不对 根据提示信息卸载了less-loader，然后安装了less-loader@7.3.0，问题解决 如果这个版本也不行的话，可以试试其他的版本 ...
解决：Module build failed (from ./node_modules/sass-loader/dist/cjs.js)问题
最新发布
qq_53376718的博客
09-06 1067
vue3项目使用scss出现Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Cannot find module 'sass'问题
Module build failed (from ./node_modules/less-loader/dist/cjs.js): Error: Cannot find module ‘less‘
ft_23333的博客
08-09 1332
Module build failed (from ./node_modules/less-loader/dist/cjs.js): Error: Cannot find module 'less'-解决方法
Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions
一天一点进步
04-18 2845
vuepress 引入组件 报错less-loader
【开发问题记录Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions
呆呆狗
05-09 2867
当时，执行 npm i less less-loader ，这里没有配置具体的版本号，而是直接安装最新的，然后就报错 Module build failed (from ./node_modules/less-loader/dist/cjs.js): TypeError: this.getOptions 最好的解决办法，就是把less-loader的版本降下去，如 7.3.0 版本 ...
Module build failed (from ./node_modules/_mini-css-extract-plugin@0.8.0@mini-css-extract-plugin/dist
weixin_41973410的博客
01-21 6245
今天在taro项目中引入taro-ui，编译时报错如下： Module build failed (from ./node_modules/_mini-css-extract-plugin@0.8.0@mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js): @import “~
初始化构建React+Ts项目时出现:Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError...
weixin_30678821的博客
06-27 6987
具体错误 ERROR in ./src/index.tsx Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError (2:1) Unknown word var content = require("!!./index.tsx"); if(typeof content === 'string'...
解决element plus暗黑模式自定义主题报错Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassErro
山野里的小菊花
06-09 2938
前言：根据官网提示，在index.html的html标签下使用dark启用暗黑模式，然后使用scss引入覆盖的方式自定义主题报错如下：Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: This variable is available from multiple global modules. ╷ 1 │ @use "~/src/styles/mixins.scss" as *; @use
怎么解决module build failed (from ./node_modules/less-loader/dist/cjs.js这个报错
05-22
这个报错通常是由于 less-loader 或者 less 模块没有正确安装或者配置导致的。以下是一些可能的解决方案： 1. 确保你已经安装了 less 和 less-loader 模块，可以通过以下命令安装： ``` npm install less less-...
解决vue cli4升级sass-loader(v8)后报错问题
11-19
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schem a...
Module build failed (from ./node_modules/less-loader/dist/cjs.js):TypeError: this.getOptions is not
chanyeolchichi的博客
12-28 4516
(./node_modules/css-loader/dist/cjs.js??ref–11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref–11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref–11-oneOf-1-3!./node_modules/cache-loader/dist.
Module build failed (from ./node_modules/less-loader/dist/cjs.js):
学无止境
08-08 2077
问题内容： ./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&scoped=true& (./node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loa
解决“Module build failed (from ./node_modules/sass-loader/dist/cjs.js)“错误
热门推荐
奇妙的Bug之旅
10-18 1万+
如果你在使用Node.js和Sass时遇到了"Module build failed (from ./node_modules/sass-loader/dist/cjs.js)"的错误，不要担心，这篇技术指南将详细介绍这个问题，并提供解决办法。首先，让我们深入了解这个错误。
vue配置vue.config.js中less错误（引用ant-design-vue/dist/antd.less主题样式报错解决方法）
weixin_38924500的博客
05-04 5165
引用ant-design-vue/dist/antd.less主题样式报错 ./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader/dist/cjs.js??ref–10-oneOf-3-1!./node_modules/postcss-loader/src??ref–10-oneOf-3-2!./node_modules/less-loader/dist/cjs.js??ref–10-oneOf-3-3!./nod.
vue-router.esm.js:2316 Error: Module build failed (from ./node_modules/less-loader/dist/cjs.js): overflow-y: auto; background-color:@primaryColor ; ^
05-11
这个错误是由于less-loader无法解析@primaryColor变量引起的。请确保在使用@primaryColor变量之前已经定义了它。您可以使用less的import语句将变量从其他文件中导入，或者直接在当前文件中定义它。例如： ``` // ...
vue报错：Module build failed (from ./node_modules/babel-loader/lib/index.js):
08-24
这个错误通常表示在使用 Vue 项目时，Babel 编译器无法正确解析或转换代码。以下是一些可能的解决方案： 1. 确保你的项目中安装了 `babel-loader` 和 `@babel/core` 这两个依赖项。你可以通过运行以下命令来安装...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

奋斗鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值