vue启动项目时遇到 peer less@“^2.3.1 || ^3.0.0“ from less-loader@5.0.0 如何解决？

最新推荐文章于 2024-04-17 11:44:33 发布
最新推荐文章于 2024-04-17 11:44:33 发布
阅读量3.6k 收藏 1
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 前端 less 文章标签： vue.js npm less
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LEElcg/article/details/128566295
项目启动失败是由于less4和less-loader5的版本不匹配。对比正常运行的项目，发现成功项目使用的是less4和less-loader11。为修复问题，可以通过npm命令`npminstallless-loader@11`更新less-loader到11版本，然后重新运行项目即可解决此错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天下午启动了之前的一个后台管理系统项目，发现了启动不了了，发现是报了如下错误：

然后我查看了一个我最近在做的项目，也是用的less和less-loader，就没有报错。

看了之后发现是版本不对应的问题，当前我这个启动不了的项目安装的是是less4和less-loader5，可以启动的是less4和less-loader11版本。所以可以使用如下命令重新安装：npm i less-lessloader@11

然后直接运行即可。

（上图是正常启动项目的less和less-loader版本）

vue day02 error
qq_50527371的博客
04-12 1233
搭建路由的时候出问题了，但是最后貌似没有报错，我估计是版本兼容的问题，目前项目运行时没问题，也显示安装成功，看看以后使用会不会出问题吧 C:\Users\little_shark\Desktop\project-SPH\app>cnpm install --save vue-router √ Installed 1 packages √ Linked 2 latest versions √ Run 0 scripts peerDependencies WARNING vue-router@late
vue项目遇到的报错问题收集
weixin_45276056的博客
05-12 2080
vue项目遇到的报错问题收集1、npm 版本报错2、npm install报错10054,Error while executing 1、npm 版本报错 问题： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue-element-admin@4.2.1 npm ERR! Found: less@4.1.2 npm ERR! node
npm ERR! peer less@“^2.3.1 || ^3.0.0“ from less-loader@5.0.0
weixin_58017233的博客
07-16 1818
当前我这个启动不了的项目安装的是是less4和less-loader5，可以启动的是less4和less-loader11版本。借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。看了一些博客之后，发现我需要实现的不是按需引入，而且因为一些之前安装的依赖的版本问题，所以才报错的。改变element全局样式的颜色-使用theme-chalk工具。这样就实现了element-ui 组件的按需引入。less 安装的版本过低的问题。
安装了 npm install --save-dev less-loader style-loader less 警告，运行报错了
songbai1211的专栏
12-16 1905
安装了 npm install --save-dev less-loader style-loader less 警告 npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN less-loader@7.1.0 requires a peer of webpack@^4.0.0 || ^5.0
安装less-loader5出现webpack版本不兼容
福仔的博客
02-14 3157
但是安装cnpm install --save less-loader的时候报错了，错误比较明确说了less-loader需要依赖老版本版（2.0、3.0、4.0）的webpack，但是安装的webpack（5.0）偏新。现在我们需求明确要用Webpack 3，那只能让sass-loader降级了，问题是降到哪个版本呢？每个包的依赖关系都是放在package.json里面的，一个个版本去看当然很麻烦，这里介绍一个小技巧。虽然NPM已经很自动化了，但依赖问题真的是一个难题，无法自动解决，需要人工干预调整。
解决“npm WARN requires a peer of XXX“问题
热门推荐
sanqima的专栏
11-12 6万+
    在NodeJs开发中，往往需要安装各种依赖包，而有时候这些依赖包版本更新了或者改成了另外一个包名，导致npm install会报“require a peer of XXX”之类的warning。解决方法，就是缺啥就补啥，命令如下： npm install --save-dev "XXX"     比如，warning报“requires a peer of eslint@>=6.2.2 ”，如图(1)所示： 图(1) warning报"eslint@>=0.62.2" 依赖包缺
cnpm镜像的peerDependencies WARNING
weixin_48076517的博客
04-09 1936
做项目的问题，仅以此系列文章做记录 1.跟着视频做项目的时候，发现自己没有装淘宝镜像，于是百度安装，但是出现了警告，不知道后面会不会出错 cmd执行代码结果如下 F:\projectSPH\app>cnpm install --save less less-loader@5 √ Installed 2 packages √ Linked 27 latest versions √ Run 0 scripts peerDependencies WARNING less-loader@5 requ
PS D:\项目7 新途ERP\品质Web\NewWeb\Web> npm install --registry=https://registry.npmmirror.com npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: less@4.2.0 npm warn node_modules/less npm warn dev less@"^4.2.0" from the root project npm warn npm warn Could not resolve dependency: npm warn peer less@"^2.3.1 || ^3.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: less@undefined npm warn node_modules/less npm warn dev less@"^4.2.0" from the root project npm warn npm warn Could not resolve dependency: npm warn peer less@"^2.3.1 || ^3.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: webpack@5.90.3 npm warn node_modules/webpack npm warn peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1 npm warn node_modules/@soda/friendly-errors-webpack-plugin npm warn @soda/friendly-errors-webpack-plugin@"^1.8.0" from @vue/cli-service@5.0.8 npm warn node_modules/@vue/cli-service npm warn 18 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...) npm warn npm warn Could not resolve dependency: npm warn peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm warn ERESOLVE overriding peer dependency npm warn While resolving: less-loader@5.0.0 npm warn Found: webpack@undefined npm warn node_modules/webpack npm warn npm warn Could not resolve dependency: npm warn peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0 npm warn node_modules/less-loader npm warn dev less-loader@"^5.0.0" from the root project npm error code EPERM npm error syscall mkdir npm error path C:\Program Files\nodejs\node_cache npm error errno EPERM npm error FetchError: Invalid response body while trying to fetch https://registry.npmmirror.com/less: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs\node_cache' npm error at C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\body.js:170:15 npm error at async Response.json (C:\Program Files\nodejs\node_modules\npm\node_modules\minipass-fetch\lib\body.js:75:17) npm error at async RegistryFetcher.packument (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\registry.js:98:25) npm error at async RegistryFetcher.manifest (C:\Program Files\nodejs\node_modules\npm\node_modules\pacote\lib\registry.js:128:23) npm error at async #fetchManifest (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1202:20) npm error at async #nodeFromEdge (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:1040:19) npm error at async #buildDepStep (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:904:11) npm error at async Arborist.buildIdealTree (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\build-ideal-tree.js:181:7) npm error at async Promise.all (index 1) npm error at async Arborist.reify (C:\Program Files\nodejs\node_modules\npm\node_modules\@npmcli\arborist\lib\arborist\reify.js:131:5) { npm error code: 'EPERM', npm error errno: 'EPERM', npm error syscall: 'mkdir', npm error path: 'C:\\Program Files\\nodejs\\node_cache', npm error type: 'system', npm error requiredBy: 'node_modules/less-loader' npm error } npm error npm error The operation was rejected by your operating system. npm error It's possible that the file was already in use (by a text editor or antivirus), npm error or that you lack permissions to access it. npm error npm error If you believe this might be a permissions issue, please double-check the npm error permissions of the file and its containing directories, or try running npm error the command again as root/Administrator. npm notice npm notice New major version of npm available! 10.9.2 -> 11.4.2 npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.4.2 npm notice To update run: npm install -g npm@11.4.2 npm notice npm error Log files were not written due to an error writing to the directory: C:\Program Files\nodejs\node_cache\_logs npm error You can rerun the command with `--loglevel=verbose` to see the logs in your terminal
最新发布
07-09
- less-loader@5.0.0要求peer依赖的less版本是"^2.3.1 || ^3.0.0"，但项目中安装的是less@4.2.0。 - less-loader@5.0.0要求peer依赖的webpack版本是"^2.0.0 || ^3.0.0 || ^4.0.0"，但项目中安装的是webpack@5.90.3...
vue3 项目启动时vite版本问题报错
鹤渺的星球
04-17 6265
我是在项目迁移过程中遇到的这个问题，前提可以看下面这篇。
iview admin 关闭ESlint约束
chao_smile的博客
03-02 655
vue.config.js文件中有注释，配置文件备注还是要多看的 baseUrl: BASE_URL, // tweak internal webpack configuration. // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md // 如果你不需要使用eslint，把lintOnSave设为fal...
npm版本错误
weixin_45236272的博客
03-06 1275
npm WARNnpm WARNnpm ERR!npm ERR!
注册less-loader依赖
李三岁的博客
07-18 243
less-loader
【npm】npm ERR! code ERESOLVEnpm
weixin_52295313的博客
10-18 1417
【代码】【npm】npm ERR!npm ERR!
安装less less-loader报错
qq_51470342的博客
05-09 1139
报错信息： 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 再安
npm installCould not resolve dependency：peer... 原因和解决方案
编程不良人
03-08 2455
这样的关键字，这是npm版本的依赖冲突的提示使然， 那么npm：何时使用--force和--legacy-peer-deps？ --force 会无视冲突，并强制获取远端npm库资源，即使本地有资源也会覆盖掉 --legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖，。 建议用--legacy-peer-deps 比较保险一点，反正我用了就安装成功了； 希望能解决你的问题，长期更新npm报错相关的问题；欢
vue 路由进度条 nprogress
wgchen
11-01 782
vue 路由进度条 nprogress
记录自己在写【前端】代码中的sb日常
m0_56966142的博客
03-13 1669
一、Vue 相关 1. vue-router 忘记在main.js 中挂载，导致无法显示内容 以为组件书写错误了，或者是router/index.js 书写错误，凸(艹皿艹 ) 报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sur
npm命令：npm install less less-loader --save
hum的博客
03-14 1万+
命令行： npm install less less-loader --save 效果： F:\WorkSpace\vToonVProductWK\exportV3ProjectSource\v3project_modul2>npm install less less-loader --save npm WARN view-design@4.1.3 requires a p...
vue中使用less出现的问题(style中使用less设置 scoped 遇到的坑)
l244112311的博客
04-29 1万+
最近在学vue的时候碰到的，在项目中的使用了<style lang="less" scoped>，可以正常编译却不能启动成功，具体报错信息如下： 首先需要安装必要的插件 sass-resources-loader，less-loader等，网上说这个出现这个错误的原因是因为less与webpack版本不一致所致。解决的方法如下。 1.修改项目根目录build中的u...
vue-loader@16.8.3 requires a peer of webpack@^4.1.0 || ^5.0.0-0 but none is installed. You must install peer dependencies yourself.
09-07
这条信息是来自于一个Node.js项目的依赖管理工具npm的错误提示。它告诉我们，在安装或运行一个名为`vue-loader`的npm包时，该包依赖于特定版本的`webpack`包，但是当前项目中并没有安装任何版本的`webpack`。 让我们来分解这个错误提示并解释一下： - `vue-loader@16.8.3`：这是你正在安装或使用的`vue-loader`的版本号。`vue-loader`是一个用于处理`.vue`单文件组件的Webpack加载器。 - `requires a peer of webpack@^4.1.0 || ^5.0.0-0`：这意味着`vue-loader`依赖于`webpack`版本在4.1.0或更高，但低于5.0.0的任何版本。`^`符号在这里表示可以安装该主版本下的任何次版本，但不能安装新的主版本。 - `but none is installed`：表示当前项目环境中没有安装任何版本的`webpack`。 - `You must install peer dependencies yourself`：提示你需要手动安装缺失的对等依赖（即`webpack`）。 为了解决这个问题，你需要按照`vue-loader`的要求安装一个兼容版本的`webpack`。你可以通过运行以下npm命令来安装`webpack`： ```sh npm install --save-dev webpack@^4.1.0 ``` 或者，如果你希望安装`webpack` 5.x版本，可以使用： ```sh npm install --save-dev webpack@^5.0.0-0 ``` 确保根据你的项目需求选择合适的`webpack`版本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值