当前位置: 首页 > news >正文

关于运行 npm run serve/dev 运行不起来,node_modules Git忽略不了等(问题)

文章目录

      • npm run serve/dev 运行问题
      • node_modules Git 忽略不了

前言:需要根据项目的情况、场景自行辨别对应的情况

npm run serve/dev 运行问题

  • 情况一
    直接 clone 的项目忘了 npm install,这种情况看一下当前项目是否存在 node_modules,没有的话 npm i 然后运行就好了
  • 情况二
    error when starting dev server:
    TypeError: crypto$2.getRandomValues is not a function
    该情况是 node 版本不对应,新版的 vite 项目需要更高的 node 版本,需要 Node.js 18+ 版本运行

可以安装一个 nvm 做 node 版本控制,对于多个项目中的 node 切换非常方便

  • 情况三
    项目中已经存在 node_modules 还是无法运行,需要重新 npm i,这种情况大概率是丢失了 .bin 文件导致的运行不了

  • 特殊情况
    在内网环境下,项目初期将 node_modules 与代码一起提交到 Git 仓库。由于同事的代码迭代,导致 Git 仓库中 .bin 文件丢失,使得最新版本的代码无法运行。本地 node_modules 未变动,导致 Git 仓库与本地代码一致,但依赖包不一致。项目刚接手时发现代码无法运行,部分功能在几个月前正常,最近突然失效。(气不活了😂,这个项目刚转到我手上结果代码跑不起来,问题排查搞了一下午)

解决方案

  1. 克隆项目到两个目录
    • 主文件目录:用于日常开发和代码提交
    • 切换文件目录:用于切换分支,寻找包含完整 .bin 文件的 node_modules
  2. 查找可用的 node_modules
    • 在切换文件目录中,从最新提交开始,逐步回退到历史提交
    • 检查每个提交的 node_modules 是否包含 .bin 文件
    • 找到第一个包含完整 .bin 文件的提交
  3. 替换 node_modules
    • 删除主文件目录中的 node_modules
    • 将切换文件目录中找到的完整 node_modules 复制到 主文件目录(注意:必须删除原有 node_modules,直接替换可能无效)
  4. 验证项目功能
    • 运行项目,检查功能是否恢复正常
    • 如果功能正常,提交代码到 Git 仓库

node_modules Git 忽略不了

由于在远端仓库已经推过了 node_modules,导致即使在 .gitignore 文件中配置了也无法忽略
解决方案

  • 忽略 node_modules 文件,git rm -r --cached node_modules 该指令并不是删除了 node_modules,只是做了忽略处理
  • 还有一种情况是该项目的包已经锁定,不需要忽略 node_modules,但是每次运行项目的时候会产生不一样缓存文件 node_modules/.cache,这样会造成每次提交代码会提交一堆缓存文件,可以单独忽略 git rm -r --cached node_modules/.cache

http://www.mrgr.cn/news/95282.html

相关文章:

  • 【C++语言】继承和多态常见的面试问题
  • AI大白话(三):深度学习——AI的‘大脑‘是如何构建的?
  • python3 -m http.sever 8080加载不了解决办法
  • java项目之基于ssm的疫苗预约系统(源码+文档)
  • 【小也的Java之旅系列】01 分布式、集群、微服务的区别
  • 【sgFloatDialog】自定义组件:浮动弹窗,支持修改尺寸、拖拽位置、最大化、还原、最小化、复位
  • 正则表达式详解(regular expression)
  • Spring学习
  • C语言入门知识(上)
  • (一)飞行器的姿态欧拉角, 欧拉旋转, 完全数学推导(基于坐标基的变换矩阵).(偏航角,俯仰角,横滚角)
  • vue使用element-ui自定义样式思路分享【实操】
  • 【QT5 多线程示例】互斥锁
  • Web-Machine-N7靶机通关攻略
  • 工厂方法模式、简单工厂模式与抽象工厂模式的对比
  • Netty中的直接内存是怎么回事?
  • 强推 Maven多镜像源快速切换工具,GUI操作超便捷
  • 软件工程之软件验证计划Software Verification Plan
  • 模型空间、图纸空间、布局(Layout)之间联系——CAD c#二次开发
  • Java+Html实现前后端客服聊天
  • K8S学习之基础四十:K8S配置altermanager发送告警到钉钉群