vue引入less报错：loaderContext.getResolve is not a function

最新推荐文章于 2021-11-17 11:19:41 发布
最新推荐文章于 2021-11-17 11:19:41 发布
阅读量582 收藏
点赞数 1
分类专栏： vue 文章标签： vue.js less
原文链接：https://www.cnblogs.com/hefeng2014/p/13047491.html
版权

在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入
{ test: /.less$/, loader: “style-loader!css-loader!less-loader”, }
在这里插入图片描述
在这里插入图片描述
完成后在在【style】标签里面写上【lang=“less”】报错，
百度之后发现原因是由于less-loader安装的版本过高。

在【package.json】中，可查看到安装的版本
在这里插入图片描述
解决方法：
卸载安装的高版本的less-loader，【npm uninstall less-loader】，
安装指定低版本的less-loader【npm install less-loader@4.1.0 --save】

姽式、
关注
专栏目录
webpack使用loader在进行打包时报错（已解决）TypeError: this.getResolve is not a function
webchang的博客
01-15 889
webpack使用loader在进行打包时报错，版本问题
vue里引用less，并且less单独成一个文件引入
weixin_41798613的博客
06-22 1883
vue里引用less有好几种用法，有引入后在vue文件里style标签里的写法，也有module的写法。本文讲的是module的写法，其本质就是css module，并且将less文件单独成一个文件引入。 安装 less 与依赖 npm install less less-loader --save-dev 配置 在webpack.base.conf.js中，配置 const ExtractTextPlugin = require("extract-text-webpack-plugin"); const
vue3启动时报错 Cannot find module ‘vue-loader-v16/package.json‘
lyxkgc的博客
09-16 782
从gitee上down了一个项目。 npm i 启动的时候报错。 尝试了如下方法可行。 留坑。 ERROR Error: Cannot find module 'vue-loader-v16/package.json' Error: Cannot find module 'vue-loader-v16/package.json' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15) at Fu
vue使用less报错:loaderContext.getResolve is not a function
GothaM24的博客
05-13 929
.vue中使用lang=“less” 首先需要安装less和less-loader，自动安装会报错：loaderContext.getResolve is not a function 此时我们查看package.json文件 "less": "^3.11.1", "less-loader": "^6.1.0", less-loader的版本过高，手动改成 "less": "^3.11.1", "less-loader": "^4.1.0", 然后执行 $ npm i 完美解决！ ...
loaderContext.getResolve is not a function
热门推荐
qq_39561207的博客
05-11 1万+
loaderContext.getResolve is not a function 解决vue-cli安装less-loader是报错 直接使用命令 npm install less less-loader --save dev 运行项目时会出现以下报错： loaderContext.getResolve is not a function 报错原因：less-loader版本太高 解决办法： 修改package.json文件： 将less和less-loader版本改为上述版本，然后重新npm in
Vue中使用less出错：loaderContext.getResolve is not a function
叹之
08-22 611
错误原因 less-loader版本过高 正确的使用方式 下载 // 严格控制版本号 npm install less@3.12.2 less-loader@4.1.0 --save-dev // 下面两个vue-cli会自动帮我们下载，不需要再安装 // 但如果你重新安装过，要注意版本号不能太高 // npm install css-loader@0.28.0 vue-style-loader@3.0.1 --save-dev 引入 // 在main.js中 import less from
Vue使用less是报错:loaderContext.getResolve is not a function
weixin_41586446的博客
01-27 116
Vue使用less是报错:loaderContext.getResolve is not a function 原因: less-loader版本过高，卸载后安装低版本less-loader npm uninstall less-loader npm i less-loader@4.1.0 --save-dev
e.load is not a function
最新发布
08-24
- *1* [loaderContext.getResolve is not a function](https://download.csdn.net/download/weixin_38738783/14043949)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
Vue项目中引入less
Acaciad的博客
04-01 282
Vue项目中引入less 1.安装less 在项目根目录下打开命令行工具，执行以下命令： npm install less less-loader --save-dev 安装完成后打开 build目录，修改 webpack.base.conf.js 中的相关配置： 找到 module 中的 rules 数组 添加如下代码： module.exports = { ... ... module: { rules: [ {...}, {...}, { te
vue中如何安装less库
m0_57391092的博客
11-11 673
介绍：less是css预处理器，对原先css进行了扩展和补充，可以语法嵌套 使用： 1、安装 npm install less less-loader --save-dev 2、配置，打开 build目录，修改 webpack.base.conf.js 中的相关配置 在 module.exports 中找到 module 中的rules数组 添加如下代码： module: { rules: [ // less配置 { test: /\...
安装less后报错 loaderContext.getResolve is not a function
jared.wang
05-13 752
这里主要是因为 less-loader 版本过高的原因 解决方法: npm uninstall less-loader npm install less-loader@4.1.0 --save 执行者两条就可以解决问题了
使用vue-cli搭建的项目在配置less提示“ loaderContext.getResolve is not a function”
weixin_39893889的博客
05-16 1418
使用vue-cli搭建的项目在配置less提示“ loaderContext.getResolve is not a function” 问题描述 在使用vue cli创建的webpack项目中，想配置less预处理，在配置完成后出现“ loaderContext.getResolve is not a function”报错信息，具体如下。 问题产生原因 安装的less版本过高，less、less-loader版本如下。 解决方法 在package.json文件中直接修改less的版本号，并重新npm
TypeError: loaderContext.getResolve is not a function - Kaiqisan
Kaiqisan的博客
09-07 942
翻译 类型错误：loaderContext.getResolve不是一个函数。 原因 这是因为less包和less-loader包的版本不兼容导致的（不出意外的话就是less-loader版本太高了,因为在添加包的时候如果没有指定版本，就会默认下最高的版本，这容易导致不兼容） 解决方案 调整版本 npm i less-loader@5.0.0 less --save-dev npm社区拥有所有开源包的所有版本，点击链接打开https://www.npmjs.com/,直接搜包名即可。 经过调整之后就不.
在vue中引入less，报错TypeError: loaderContext.getResolve is not a function
Baby_加油_的博客
11-17 763
在vue中引入less步骤 下载依赖 npm install less less-loader --save-dev 引入 安装完成后打开 build目录，修改 webpack.base.conf.js 中的相关配置： 在 module.exports 中找到 module 中的 rules 数组 module.exports = { ... ... module: { rules: [ {...}, {...}, { test: /\.le
webpack打包less：Module build failed: TypeError: loaderContext.getResolve is not a function问题
qq_41055850的博客
07-14 583
错误如下： 我在这里出现的错误原因是安装的 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 是开发时使用的，如果仅学习可加可不加。 换成低版本之后就能打包成功了 ...
jQuery---$(...).percentageLoader is not a function
JamieCheung的专栏
06-16 772
浏览器报错：$(...).percentageLoader is not a function 到调用该方法的html文件中： 按ctrl，点击percentageLoader 跳转到js文件中percentageLoader 相关部分： 发现要用.fn  ， 于是加上.fn 清除浏览器缓存的临时文件，刷新界面，又报错：cannot read propert
在VUE项目中使用scss报错：TypeError: this.getResolve is not a function at Object.loader
wu_yans的博客
10-14 402
在搭建了一个新项目之后，准备开始画页面了，很开心。 却在页面使用了scss的时候报错了： 这一大片报红，赶紧去看了依赖，发现依赖也是都有的： 这就奇怪了，后面看了好久，以为没配置，也跑去配置，实际并不是，而是sass-loaderd 版本太高了，导致编译的时候出问题了，我降低了版本之后就可以正常运行了。 我是将版本降低到了7.1.0： 问题解决，赶页面去了，嘻嘻。 ...
bootstrap使用load()函数加载页面报:$(...).load is not a function错误
baidu_41860619的博客
06-25 4422
我原本打算做一个信息管理系统，点击左侧标签栏，改变右边页面内容。实现这个效果应该使用jquery的load()函数。可我用bootstrap框架的时候，一直报$(…).load is not a function错误。 错误截图: 原因:jquery版本问题 这好像是bootstrap留的小坑，官网给的示例引用代码是这个： <!doctype html> <html lang="en"> <head> <!-- Required meta tags -
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值