vue项目安装less-loader报错解决办法

最新推荐文章于 2024-05-09 09:56:20 发布
最新推荐文章于 2024-05-09 09:56:20 发布
阅读量1.5k 收藏
点赞数 4
文章标签： vue.js less 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oneya1/article/details/131481444
版权

1.安装less-loader的时候报错

 in ./src/components/school.vue?vue&type=style&index=0&id=6f734b84&lang=less&

Syntax Error: Cannot find module 'less'

2.应该是版本问题没有对应上,我们先卸载less-loader和less

npm uninstall less-loader
npm uninstall less

3.再重新安装npm install --save less less-loader@5

npm install --save less less-loader@5

重新运行就可以啦~

一只开心鸭！
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue安装less-loader报错
wzt_WZT的博客
09-13 1372
之前安装less-loader报错，一直以为是版本原因，之后试了好多低版本，发现还是安装失败，最后发现是由于npm权限原因。
Vue 安装 less-loader 报错 unable to resolve dependency tree
2401_84435739的博客
04-29 417
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue踩坑，less与less-loader安装，版本不一致
cxr的博客
05-05 755
1) npm uninstall less与 npm uninstall less-loader。3) OK，启动vue项目。
探索前端构建利器：Webpack 的 Less 加载器——less-loader
最新发布
gitblog_00053的博客
05-09 331
探索前端构建利器：Webpack 的 Less 加载器——less-loader 项目地址:https://gitcode.com/webpack-contrib/less-loader 在前端开发中，我们常常需要处理CSS预处理器，比如Less。现在，有这样一个工具能帮助我们在Webpack构建流程中无缝地编译Less到CSS：less-loader。这篇文章将详细介绍这个开源项目，并说明其如何...
安装lessloader的时候报错
GGBOY1312313的博客
03-09 484
的版本，使它们的版本能够兼容。你可以在 package.json 文件中找到相关的依赖项，并将其版本号更新为兼容的版本。如果以上方法都无法解决问题，建议查看详细的错误报告文件。这个错误是由于版本冲突导致的。更新依赖版本：根据错误提示，你可以尝试更新。原因：less-loader版本冲突。来强制安装 less-loader。安装lessloader的时候报错。，里面可能有更具体的错误信息。清理 npm 缓存：运行。清理 npm 缓存。
VUE2项目安装使用安装less、less-loader以及配置
P20190318249的博客
02-24 2787
less安装配置
在项目中安装、使用less-loader、less用于处理less格式文件
qq_46112274的博客
02-15 7881
在项目中安装、使用less-loader、less用于处理less格式文件1、安装配置2、配置3、案例：使用less-loader和less 在项目中安装less-loader，用于加载less文件 webpack中文网安装less-loader参考 1、安装配置 版本号与项目中webpack版本要对应，不然安装不成功 如果安装过程中，出错先使用以下命令： 出错参考 npm i --legacy-peer-deps 使用命令安装less-loader和less: npm install --save-de
vue-cli脚手架: less-loader插件的安装配置
酷伊奥
07-20 6769
一、降低npm版本 npm install npm@3.8.6 -g 二、loader - 配置处理less文件的loader 1、安装less npm install less --save-dev 2、安装less-loader（ 这里需要指定版本，不能太高，如果太高后续容易报错。后面解答报错问题 ） npm install less-loader@6.0.0 --save-dev ...
less-loader 报错
weixin_44224712的博客
06-01 1518
在下载相应的版本，可以先通过指令 npm view less-loader versions 查看当前所有的less-loader版本，之后在进行下载，比如webpack是4xxx版本的，可以用 npm install less-loader@7.3.0 --save-dev。--save -dev（xxxx特定的版本号），查看版本号的指令 npm view less-loader versions。命令：npm install less-loader --save -dev。此处会出现第二个报错。
安装less less-loader报错
qq_51470342的博客
05-09 950
报错信息： Failed to compile with 1 errors Module build failed: TypeError: loaderContext.getResolve is not a function 可能是less-loader安装版本太高 卸载重新装 npm uninstall less-loader npm install less less-loader@5.0.0 -D 如果继续报错，可以尝试删除项目中的node-modules再重新安装 npm install 再安
关于vue项目中添加less，less-loader不能运行的问题
inticaler的博客
01-06 1222
在vue项目中，我们通常会在style样式中引用less，这样我们就需要下载less和less-loader依赖包， 运行命令 npm install less less-loader --save npm install less less-loader --save 安装完成之后再运行 npm run dev ,发现，项目卡住，运行不起来了，也不报错。 查看less-loader的版本发现，可能是因为less-loader的版本太高了，再重新安装一下。 卸载最高版本的less-loader
解决vue cli4升级sass-loader(v8)后报错问题
11-19
sass-loader报错： 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 ...
解决vue-cli创建项目的loader问题
08-27
解决 Vue CLI 创建项目的 Loader 问题 Vue CLI 是一个流行的前端项目开发工具，它提供了...解决 Vue CLI 创建项目的 Loader 问题需要根据项目的实际情况，选择合适的 Loader 并安装依赖项，避免项目无法启动的错误。
Vue项目中使用Vux的安装过程
01-19
最近想用vue+vux写一个项目，于是到vux的官网看了文档开始着手搭建项目，但是遇到一些坑。下面简单说下安装vux 的过程。 默认已安装vue环境 1.安装vux npm install vux --save-dev 2.安装vux-loader npm install ...
解决vue中使用less/sass及使用中遇到无效的问题
01-18
在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。 先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象： { test: /\.less$/, ...
解决vue安装less报错Failed to compile with 1 errors的问题
01-18
1、创建vue项目后安装less，执行 npm install less less-loader –save-dev 下载版本为：less-loader@6.1.0 ， less@3.11.3，重启服务报错，报错信息如下： 2、报错原因 less 本版太高需要降低版本，执行代码 先...
安装与使用less
qq_37291053的博客
07-26 1887
scoped、lang="less"这两个顺序不能颠倒！scoped代表样式只在当前页面使用。vue.config.js配置添加。
vue安装less报错
小天空的博客
03-31 2611
执行npm install less less-loader --save-dev命令，报错如下： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: xxx@1.0.0 npm ERR! Found: webpack@3.12.0 npm ERR! node_modules/webpack npm ERR
关于vue中引入less时的报错集
qq_40652539的博客
06-23 9109
在vue中引入并使用less时的相关错误及解决方案： 1、错误一： 错误如下图所示： 因为当前项目版本2.9.6 已经在build/utils里配置了less的处理，所以和之前在build/webpack.base.conf.js中配置的less-loader冲突 解决方法： 将冲突的less-loader去掉即可，如下图： ...
怎么解决module build failed (from ./node_modules/less-loader/dist/cjs.js这个报错
05-22
这个报错通常是由于 less-loader 或者 less 模块没有正确安装或者配置导致的。以下是一些可能的解决方案： 1. 确保你已经安装了 less 和 less-loader 模块，可以通过以下命令安装： ``` npm install less less-loader --save-dev ``` 2. 确保你的 webpack 配置文件中正确配置了 less-loader，示例代码如下： ``` module: { rules: [ { test: /\.less$/, use: [ { loader: "style-loader" }, { loader: "css-loader" }, { loader: "less-loader" } ] } ] } ``` 3. 如果你正在使用 Vue.js，你还需要安装和配置 vue-loader 和 vue-style-loader，示例代码如下： ``` module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { 'less': [ { loader: 'vue-style-loader' }, { loader: 'css-loader' }, { loader: 'less-loader' } ] } } } ] } ``` 如果以上解决方案都无效，你可以尝试更新相关模块或者检查你的环境是否配置正确。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值