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

文章目录

      • [npm run serve/dev 运行问题](#npm run serve/dev 运行问题)
      • [node_modules Git 忽略不了](#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
相关推荐
前端小巷子11 分钟前
Webpack 5模块联邦
前端·javascript·面试
玲小珑14 分钟前
Next.js 教程系列(十九)图像优化:next/image 与高级技巧
前端·next.js
晓得迷路了15 分钟前
栗子前端技术周刊第 91 期 - 新版 React Compiler 文档、2025 HTML 状态调查、Bun v1.2.19...
前端·javascript·react.js
江城开朗的豌豆21 分钟前
Vue和React中的key:为什么列表渲染必须加这玩意儿?
前端·vue.js·面试
江城开朗的豌豆27 分钟前
前端路由傻傻分不清?route和router的区别,看完这篇别再搞混了!
前端·javascript·vue.js
pengzhuofan30 分钟前
Web开发系列-第0章 Web介绍
前端
小鱼人爱编程39 分钟前
Java基石--反射让你直捣黄龙
前端·spring boot·后端
JosieBook2 小时前
【web应用】如何进行前后端调试Debug? + 前端JavaScript调试Debug?
前端·chrome·debug
LBJ辉2 小时前
2. Webpack 高级配置
前端·javascript·webpack
灵感__idea9 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员