记录vue使用npm安装依赖并启动项目报错的问题

在项目代码迁移过程中,作者遇到了npm安装依赖失败的问题,尝试了使用cnpm后虽然安装成功,但启动项目时出现新的问题,发现node_modules目录结构与之前不同。最后,通过使用yarn成功安装依赖并启动项目。这个过程揭示了在前端开发中不同包管理工具可能带来的挑战和解决方案。
摘要由CSDN通过智能技术生成

事情是这样开始的…
因为项目变更,代码要迁移到另一个仓库下,我把除了.git目录的文件都上传到了新的仓库下,第二天从新的仓库拉取代码,准备大干一场时,发生了异常忧伤的故事。

版本1 – 使用npm

  • 安装依赖
npm i

刚开始安装时,画风还算正常吧,结果等了一会儿,报错!!!!
npm报错
百度了半天,众说纷纭,各种方式都尝试了,还是不行,菜鸟的我决定放弃这种方式,改用cnpm

版本2 – 使用cnpm

  • 安装依赖
cnpm i

cnpm安装
这里安装没有报错,但是启动项目时报错

  • 启动项目
npm run serve

启动报错
重点是,发现node_modules目录下安装的依赖文件居然和以前的不一样。对比一下:
compare
我都无语了,又百度了半天,还是搞不定,最后想到了yarn

版本3 – 使用yarn

  • 安装依赖:安装前需要把之前的node_modules文件夹删除再操作
# 安装package.json文件中的所有依赖
yarn

安装成功:
yarn

  • 启动项目
npm run serve

然后项目成功启动
success

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在进行Vue项目开发的过程中,我们通常会使用Node.js的包管理工具,也就是npm来管理依赖。当我们在项目中新增了一个依赖之后,需要使用npm install安装安装成功之后我们使用npm run serve命令来启动开发服务器,开始进行开发工作。但是有时候会出现npm run serve运行出错的情况。 首先,我们需要确认出错的原因。可能会出现的常见错误有以下几种情况: 1. 找不到模块:如果你使用的是第三方模块,npm install 安装完毕之后,可能会提示找不到依赖。这种情况,需要检查依赖是否正确安装,正确路径是否导入等。 2. 依赖版本不匹配:开发过程中,可能因为依赖包的更新不兼容导致依赖库版本不一致,从而导致运行出错。这种情况,需要检查依赖版本是否正确,可以查看package.json文件中dependencies和devDependencies是否匹配。 3. 语法错误:在编写Vue项目代码的过程中,可能会出现一些语法错误,例如拼写错误、缺少分号等等。这种情况,可以使用编辑器的代码检查功能或者在控制台中查看报错信息来定位错误所在。 4. 端口被占用:开发服务器使用的端口可能会被占用,导致无法启动成功。这种情况,可以尝试更换端口或者关闭占用端口的程序。 总之,出现npm run serve运行出错的情况,需要耐心地进行排查和解决。良好的调试习惯、熟练的技术识别能力和解决问题的能力是开发人员必备的基本素质。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值