【vue运行项目报错】vue前端项目，安装依赖报错，运行不成功解决方案

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

## 检查本地有没有安装node

提示：前提本地安装好了node

–前提需要

1. 查看本地node版本 - cmd输入： node -v
2. 查看npm版本 - cmd输入：npm -v
3. 如下图所示，就代表安装成功了，可以走下一步。

—
提示：不同项目，node要求的版本要求不一样 。vue3项目假如使用了vite3，node 版本需要14.18+

运行别人的项目前提

删除项目中的package-lock.json和node_modules 文件
原因：
package-lock.json它是基于项目作者的npm版本库生成的，若不删掉这个依赖文件，容易出现npm版本差异导致的报错，别管为什么，删掉就是了。

运行步骤

1.执行npm install

代码如下（示例）：

假如，报错了，
报这种 “npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency” 的错

把npm install 换成npm install --legacy-peer-deps

假如安装的很慢很慢
把npm install 换成 npm install -g cnpm --registry=https://registry.npm.taobao.org

2.运行项目

npm run dev

其他错误解决办法

在使用 npm cache clean --force 命令时报的错
可以使用 npm cache verify 命令

假如还是有很多奇怪的错，回到第一步删掉依赖，从新来过
运行报错，从新安装

1. 安装rimraf: cnpm install rimraf -g
2. 删除node_modules文件夹： rimraf node_modules
3. 清空缓存：npm cache clean --force
4. 重新安装淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org
5. 再次执行命令进行相关包的安装： cnpm i

原文链接：https://blog.csdn.net/weixin_44213904/article/details/122355779

总结

例如：以上就是如何运行别人的项目，当拿到别人的项目，运行报错，这是个很苦恼的事情，特别是当报各种奇奇怪怪的错误的时候，这时候，我们第一步要确保自己本地环境是正常的，排除本地的问题，第二步就是需要检查和这个别人的项目，环境版本是否冲突。第三部就按照正常步骤走，假如一直报错，就停下，从新开始，还是解决不了的话，就停下去做其他事情。第二天再重新开始，假如还是一直运行不了，这时候我们就不要怀疑自己，去怀疑这个项目就是有问题的！无论什么时候，我们都应该肯定自己，相信自己！加油吧！（有问题可以私信我）