关于Vue项目npm快捷键,点击run启动报错,及npm i也报错的解决办法

embedded/2024/10/21 1:05:37/

1.配置idea的npm

2.点击运行按钮 

3.结果

分析原因及问题:

npm i
npm run dev
由于是刚刚从gitlab新拉的前端代码,可能没有用命令install过类似于没有编译过,所以执行一下上面的命令

结果报错如下:

F:\tbyf\qjyy\hip-manager-ui>npm i
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: his@9.0.1
npm ERR! Found: webpack@5.93.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^4.0.0 || ^5.0.0" from compression-webpack-plugin@5.0.2
npm ERR!   node_modules/compression-webpack-plugin
npm ERR!     dev compression-webpack-plugin@"5.0.2" from the root project
npm ERR!   peer webpack@"^5.0.0" from filemanager-webpack-plugin@8.0.0
npm ERR!   node_modules/filemanager-webpack-plugin
npm ERR!     filemanager-webpack-plugin@"^8.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! less-loader@"^5.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack@4.47.0
npm ERR! node_modules/webpack
npm ERR!   peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from less-loader@5.0.0
npm ERR!   node_modules/less-loader
npm ERR!     less-loader@"^5.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 D:\program\nvm\node_cache\eresolve-report.txt for a full report.npm ERR! A complete log of this run can be found in:
npm ERR!     D:\program\nvm\node_cache\_logs\2024-08-09T08_10_12_997Z-debug-0.log

根据提示:使用命令npm i --legacy-peer-deps

 最终就npm i成功了

让我们点击自己配置的dev启动一下

 最后问题解决了,启动成功

总结:遇到问题不用慌,先看报错分析分析问题是什么,分析不出来可以像上面一样看看 报错日志有没有提示操作的信息。


 


http://www.ppmy.cn/embedded/94630.html

相关文章

前端组件库汇总

文章目录 一、前端组件库1. ElementUI(基于 Vue 2.0 的桌面端组件库)2. Element Plus(基于 Vue 3,面向设计师和开发者的组件库)3. Vue DevUI(一个基于 DevUI Design 的 Vue3 组件库)4. vant(轻量、可定制的移动端 Vue 组件库)5. Ant Design(助力设计开发者「更灵活」…

Ubuntu 安装Redis

Ubuntu 安装Redis 安装redis-server apt-get install redis-server启动服务 service redis-server start默认的配置文件路径:/etc/redis/redis.conf 默认的安装路径:/var/lib/redis rootDESKTOP-0JS7U4E:/var/lib/redis# tree . ├── appendonly.…

java 单元测试学习

单测的标准: 语句覆盖率达到70%;核心模块的语句覆盖率和分支覆盖率都要达到100%。 — 《阿里巴巴Java开发手册》 单测覆盖度分级参考 Level1:正常流程可用,即一个函数在输入正确的参数时,会有正确的输出 Level2&#…

解决element-ui回车键绑定按钮功能后却刷新浏览器的问题

最近写代码时,遇到要给回车键绑定确定的功能,并且打开对话框时要自动获取输入框焦点,发现一但重新打开浏览器,第一次执行回车键的功能时就会刷新浏览器,后续则会成功执行。但是一但再一次重新打开浏览器,还…

onvif技术框架介绍

我们在学习任何一个新的技术点之前,都要从整体框架再到细节,在开始学习的时候,不用去扣细节,而是从整个架构出发;所有学习onvif客户端开发,也是一样的,我们先从整体框架开发: 在讲解…

[windows][vscode]正则表达式匹配文件中所有空白行

在Visual Studio Code (VSCode) 中,^\s*(?\r?$)\n 这个正则表达式模式用于匹配文件中所有空白行,包括空行和只包含空白字符(如空格、制表符等)的行。下面是对这个正则表达式的解释: ^:匹配行的开始。\s*…

FPGA入门:二选一多路选择器

FPGA入门学习第一例:二选一多路选择器 设计需求 设计一个二选一多路选择器模块,包含三个输入信号(a/b/sl),一个输出信号(out)。 当sl 1时,out a;当sl 0时&#xff0…

【Linux SQLite数据库】一、SQLite交叉编译与移植

SQLite 是一个用 C 语言编写的开源、轻量级、快速、独立且高可靠性的 SQL 数据库引擎,它提供了功能齐全的数据库解决方案。SQLite 几乎可以在所有的手机和计算机上运行,它被嵌入到无数人每天都在使用的众多应用程序中。此外,SQLite 还具有稳定…