webpack打包less：Module build failed: TypeError: loaderContext.getResolve is not a function问题

最新推荐文章于 2023-05-12 15:14:21 发布
最新推荐文章于 2023-05-12 15:14:21 发布
阅读量544 收藏 1
点赞数
文章标签： vue.js css node.js npm less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41055850/article/details/107330245
版权
错误如下：

在这里插入图片描述
我在这里出现的错误原因是安装的 less-loader 版本太高，使用 npm i --save-dev less-loader自动安装了 6.2.0 版本。

在这把原来安装的删除 npm uninstall less-loader，然后安装较低的版本 npm i --save-dev less-loader@4.1.0 ，这里的 --save-dev 是开发时使用的，如果仅学习可加可不加。

换成低版本之后就能打包成功了
在这里插入图片描述

Poggio南星
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css module 支持less,react配置less,并使用less module（webpack.config.js配置）
weixin_39707693的博客
08-03 1419
网上看了很多配置，最后才发现create-react-app2.0后就不用eject就可以使用css module特性，那么less仿照css的配置即可1.css module的使用将CSS文件名为[filename].module.cssimport styles from './index.module.css';2.配置less暴露webpack配置文件cnpm run eject安装les...
react18中配置webpack，支持less以及less模块化(补充篇)
tuzi007a的博客
05-27 3120
本篇的目的是： 通过修改配置，让react支持.less文件的模块化 之前写过一篇在react里配置less-loader和css-modules， 该配置对react18也是有效的。 本篇是对上一篇的补充。 上一篇中，css和less要做模块化， 样式文件名必须写成xx.module.css或者xx.module.less的形式。 这在实际开发中，仍然不够友好，毕竟样式文件名中要一直加上.module这个后缀。 本篇中就来解决这个问题。 在webpack.config.js配置文件中找到这样的代码： /
CRA应用使用craco实现webpack配置+module.less+src别名配置
yiguoxiaohai的博客
05-12 1461
create-react-app + craco + module.less + @别名配置src
Module build failed: TypeError: loaderContext.getResolve is not a function
weixin_43977534的博客
10-12 666
Module build failed: TypeError: loaderContext.getResolve is not a function 在运行vue项目时，输入npm run dev(或者npm start)，项目build总是卡在17%，并且显示Module build failed: TypeError: loaderContext.getResolve is not a function，在网上搜到很多人说是在安装less时：npm install less less-loader --
配置webpack.config.js遇到的一些问题
前端岚枫
08-25 4602
配置vue-loader时候，npm run build 遇到这样问题，如下提示： webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin 解决方案是： const path = require('path') //引入这个 const Vu...
webpack-wxapp-module-plugin:微信小程序 webpack打包插件
04-28
webpack-wxapp-module-plugin 一、简介 微信小程序webapck插件 支持哪些特性? 仅需要配置entry 指向app.js即可 例如 entry:'./app.js' 支持node_modules 模块引用 支持node_modules 组件引用 node_modules平行移植 ...
使用 webpack 无法解析 jsx 语法 Module build failed
01-20
Module build failed: SyntaxError: /Users/yiming/Desktop/ReactTest/webpack2/app/main.js: Unexpected token webpack@v4 设置： webpack.config.js: module: { rules: [ { test: /\.jsx?$/, exclude: /node_...
atool-build：基于webpack的构建工具
02-06
支持通过webpack.config.js进行扩展webpack的配置项 支持 ， ，react和less 支持hash模式的重建，并生成映射表map.json 支持打字稿 安装 $ npm i atool-build --save 使用 $ atool-build [options] 命令行参数 $ a...
react-less-webpack-bootstrap:一个简单的reactlesswebpack引导程序应用程序
05-23
react-less-webpack-bootstrap 一个简单的react / less / webpack bootstrap应用程序 全局依赖项： 较少的 网页包 巴别塔 npm脚本 npm start启动开发Web服务器 npm run build编译样式，捆绑js脚本，并将资产文件...
crx-webpack-plugin:用于打包 chrome 扩展 (crx) 后构建的 webpack 插件
05-29
用于打包 chrome 扩展 (crx) 后构建的 webpack 插件 用法 var Crx = require ( "crx-webpack-plugin" ) ; module . exports = { plugins : [ new Crx ( { keyFile : 'key.pem' , contentPath : 'build' , ...
安装webpack及使用less-loader出现的错误
weixin_44035930的博客
07-24 4200
webpack安装 使用less-loader报错…Module build failed: TypeError: loaderContext.getResolve is not a function webpack是一个前端模块打包工具，与grunt/gulp不同的是grunt/gulp更加强调前端流程自动化，而webpack更加强调模块化开发管理 webpack安装 全局安装 1.安装webpack首先要安装node.js，Node.js 安装包及源码下载地址为：https://nodejs.org/e
css模块化配置---webpack4+less
weixin_33674976的博客
01-21 1262
目的 局部组件引入局部css样式,实现css模块化开发; 减免全局污染 操作 启用css modules { loader: 'css-loader', options: { modules: true, localIdentName: '[local]___[hash:base64:5]' } } 复制代码modules: true,启...
webpack配置cssModules 适用于.css或者.less文件
sinat_38728634的博客
07-11 3492
{ test: /\.css$/, include:path.resolve(__dirname,'../src/css文件路径')//此配置项是为了避免引入的第三方css库如Ant Design中的css也被cssModules重新编译为我们定义的localIdentName格式，这样就会导致第三库的样式错乱，不能与第三方库的组件相匹配。 use: [ { loa...
React+webpack+Less 组件样式覆盖优化
liuniansilence的博客
09-25 6946
在使用webpack编译代码的时候，会用到一些样式的加载器，例如css-loader，style-loader。如果有用到less或者sass也会有相应的加载器，其中： css-loader 是处理css文件中的url()等 style-loader 将css插入到页面的style标签 less-loader 是将less文件编译成css 1. less的使用在编译样式文件的时候，经常会遇到一个问
Vue 中使用 less 报错 Module build failed: TypeError: loaderContext.getResolve is not a function
wxx的记录窝
04-28 6073
重述一下使用步骤 1、安装npm install less less-loader --save 2、配置，在webpack.base.conf.js 的rules 节点下新增： { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } 3、使用，在 style 标签中使用 lang="l...
less--Module build failed: TypeError: loaderContext.getResolve is not a function
热门推荐
shujiaw的博客
04-30 1万+
配置mpvue支持less安装及使用步骤如下： 安装【npm install less less-loader --save】 在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入 { test: /.less$/, loader: "style-loader!css-loader!less-loader", } 在【style】标签里面写上【l...
ERROR in Entry module not found: SyntaxError: C:\Users\Administrator\...编译出错（webpack）
github_turboemily的博客
12-20 7951
今天得空用webpack启动一个新demo，按照官网的步骤一步一步操作，没想到一开始打包就挂了...... 执行命令行：npx webpack 报了以下错误：  最重要看“ERROR in Entry module not found: SyntaxError: C:\Users\Administrator\Desktop\webpack\webpack-demo\package.json...
Vue错误记录（一）TypeError: loaderContext.getResolve is not a function
qq_40286424的博客
12-02 1245
运行出现错误：Vue Module build failed: TypeError: loaderContext.getResolve is not a function 解决办法 1.安装 less npm install less less-loader --save 2.进入 build 目录 打开文件 webpack.base.conf.js 在文件中找到 rules 新增如下代码： { test: /.less$/, loader: "style-loader!css-loader!le
Syntax Error: TypeError: loaderContext.getOptions is not a function
最新发布
05-23
至于这个具体的错误提示，"Syntax Error: TypeError: loaderContext.getOptions is not a function"，它表明在使用loader时，loaderContext对象上没有getOptions方法，因此出现了类型错误。 解决这个问题的方法可能...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值