Vue项目启动前安装依赖出现报错

最新推荐文章于 2024-04-29 03:50:29 发布
最新推荐文章于 2024-04-29 03:50:29 发布
阅读量2.5k 收藏
点赞数
文章标签： vue.js npm webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73100069/article/details/126620614
版权

请大家帮忙看看是怎么回事

王旭峰@WANG-XF MINGW64 /d/Vue实例/congeal-pc(1)/congeal-pc (master)
$ npm install
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: ruoyi@3.8.3
npm ERR! Found: webpack@4.46.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6
npm ERR!   node_modules/@intervolga/optimize-cssnano-plugin
npm ERR!     @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@4.4.6
npm ERR!     node_modules/@vue/cli-service
npm ERR!       dev @vue/cli-service@"4.4.6" from the root project
npm ERR!       4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm ERR!   peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1
npm ERR!   node_modules/@soda/friendly-errors-webpack-plugin
npm ERR!     @soda/friendly-errors-webpack-plugin@"^1.7.1" from @vue/cli-service@4.4.6
npm ERR!     node_modules/@vue/cli-service
npm ERR!       dev @vue/cli-service@"4.4.6" from the root project
npm ERR!       4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm ERR!   24 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev less-loader@"^11.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@5.74.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^5.0.0" from less-loader@11.0.0
npm ERR!   node_modules/less-loader
npm ERR!     dev less-loader@"^11.0.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\王旭峰\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\王旭峰\AppData\Local\npm-cache\_logs\2022-08-31T03_24_53_610Z-debug-0.log
 

m0_73100069
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
npm ERR! ERESOLVE could not resolve报错
09-13 2293
解决npm ERR! ERESOLVE could not resolve报错
解决vue项目运行npm run serve报错的问题
01-18
如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了 补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
Webpack常用配置学习总结
jack_dengj的博客
01-29 252
Webpack常用配置学习总结Webpack作为前端模块开发打包工具，其地位愈加重要 - 通过下面几个问题进行总结 我自己用的是webpack低版本的，有一些新的特性，没法提及对脚本的处理 JS用什么loader加载？ CSS用什么loader加载？ 采用的是webpack打包工具本身的loader，比如script-loader,babel-loader等，能够应付项目的脚本 module:
Vue 安装 less-loader 报错 unable to resolve dependency tree
最新发布
2401_84435739的博客
04-29 402
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Vue install 失败的一些解决办法
weixin_44800598的博客
03-14 1万+
问题再现： 练习Vue的时候，有时候需要安装一些新的工具，这时直接npm install 会出现一些错误 以下以暗转less-loader为例 PS E:\IdeaWorkSpace\WebstormProjects\example-vue2> npm install less less-loader --save-dev npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolvi
Module not found: Error: Can‘t resolve ‘less-loader‘
weixin_44184425的博客
11-23 1491
背景 按照 Ant Design of Vue 文档的提示，安装 vue-cli 和 ant-design-vue 并新建了项目后，页面如期显示。 可是为了更好的性能，我们还需要配置 按需加载组件代码。但是按照要求修改后，再此刷新页面发现报错了！ 看样子只是缺了一个库，试着安装一下 (base) PS C:\Users\xxx\Desktop\oa-ssc> npm i -D less-loader npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to
webpack---主要配置详细
weixin_44132428的博客
03-17 1394
webpack部分主要功能的配置详细
【npm错误】- npm ERR code ERESOLVE 和 npm ERR ERESOLVE could not resolve 问题
m0_67400972的博客
06-18 6777
这里小编在 npm i less less-loader@5.0.0 -D 或者其他依赖包的时候出现以上错误可能是npm版本问题报错解决方法：在命令后面加上在NPM v7中，现在默认安装peerDependencies。在很多情况下，这会导致版本冲突，从而中断安装过程。–legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的
code ERESOLVE， ERESOLVE could not resolve
qq_46199553的博客
02-04 2671
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: biyedurg@0.1.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6 npm ER
Vue-cli 3.x 脚手架搭建的 Vue 2.x 项目进行 npm install 安装时报错: npm ERR! code 1……
qq_40868156的博客
04-25 8924
vue 脚手架项目，vue 2.0，npm install 报错， npm ERR! code 1 npm ERR! path D:\Gree_project\web_cloud_wms\node_modules\node-sass npm ERR! gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
成功解决 npm ERR! ERESOLVE could not resolve
热门推荐
一个会搜索的程序员
06-21 1万+
执行下面装包语句。 npm i --legacy-peer-deps
vue项目sass-loader安装(vue项目sass-loader安装错误解决）
weixin_49046136的博客
05-20 1万+
vue项目sass-loader安装(vue项目sass-loader安装错误解决）
vue-cli+webpack项目 修改项目名称的方法
11-30
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决方法： 1 删除 node_...
vue3+Vant+pinia 开箱即用，移动端框架
01-30
12、如发现安装依赖包报错或其他问题，需要检车本地的node.js是否为最新版本，不是最新建议更新本地node.js后在启动项目； 13、查看本地node.js版本命令：`node -v` 即可查看版本号； 14、欢迎使用本框架，有问题...
vue面试题 vue面试题
02-27
* package.json：对项目的描述以及对项目部署和启动、打包的 npm 命令管理。 Vue 常用指令： * v-model：多用于表单元素实现双向数据绑定（同 Angular 中的 ng-model）。 * v-for：格式：v-for="字段名 in(of) ...
vue版本冲突 解决 替换包
04-15
运行vue项目时，启动报错 error in ./~/_element-ui@2.7.2@element-ui/packages/form/src/label-wrap.vue Syntax Erroe:Unexpected token (20:14) ;； 将此压缩包解压到node_moudel里面找到 element-ui，替换即可
npm安装依赖错误
TheWebGuy的博客
09-02 1万+
npm ERR! code 128 npm ERR! git dep preparation failed npm ERR! command C:\Program Files\nodejs\node.exe C:\Users\Administrator\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js install --force --cache=C:\Users\Administrator\AppData\Local\n pm-cache --pre
loader版本与webpack版本不匹配问题
恰排骨芸豆包嘛的博客
11-04 8440
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: webpack-url-loader@1.0.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! dev webpack@"^4.46.0" from the root project npm .
npm install --save less less-loader@5报错解决
WXYcelia的博客
04-26 1053
npm install --save less less-loader@5报错解决 报错： npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: app@0.1.0 npm ERR! Found: webpack@5.72.0 npm ERR! node_modules/webpack npm ERR! peer webpack@“^4.0.0 || ^5.0.0” fr
vue3创建项目启动报错
08-18
根据您提供的引用内容，您在创建Vue3项目时遇到了启动报错的问题。错误信息是"vue-loader requires @vue/compiler-sfc to be present in the dependency tree"。解决这个问题的方法如下： 首先，进入您创建的Vue3项目文件夹。使用命令行工具（如终端或命令提示符）进入该文件夹的路径，例如： cd .\vue3_test\ 接下来，卸载掉之前报错的vue-loader。使用以下命令： npm uninstall vue-loader-v16 然后，重新安装vue-loader。使用以下命令： npm i vue-loader-v16 这样，您就完成了重新安装vue-loader的步骤。 该错误通常是因为@vue/compiler-sfc这个依赖项没有被正确添加到项目中所导致的。您可以使用以下命令手动安装@vue/compiler-sfc： npm i @vue/compiler-sfc 这样，您就解决了报错问题。重新运行您的Vue3项目，应该可以正常启动了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue3成功创建项目后 run serve启动项目报错](https://blog.csdn.net/qq_53810245/article/details/123247521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值