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

解决 “crypto.hash is not a function”:Vite 从 6.x 升级至 7.x 后 `pnpm run dev` 报错问题

🚀 作者主页: 有来技术
🔥 开源项目: youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template
🌺 仓库主页: GitCode︱ Gitee ︱ Github
💖 欢迎点赞 👍 收藏 ⭐评论 📝 如有错误敬请纠正!

目录

    • 问题描述
    • 原因分析
      • 核心问题:Node.js 版本不兼容
    • 解决方案
      • ✅ 方案一:升级 Node.js 至合规版本(推荐)
      • ⚠️ 方案二:降级 Vite 至 6.x(临时方案)
    • 技术决策建议

问题描述

将 Vite 从 6.x 升级至 7.x 后,执行 pnpm run dev 时出现以下错误:

error when starting dev server:  
TypeError: crypto.hash is not a function

原因分析

核心问题:Node.js 版本不兼容

  • Vite 7 的依赖变更:Vite 7 内部使用 crypto.hash() 等现代 Web Crypto API,该特性仅在 Node.js 20.19.0+ 或 22.12.0+ 中稳定支持。
  • Node.js 21 的定位问题
    • 21.x 属于非 LTS 版本(奇数版本为实验性分支),API 稳定性低于 LTS 版本。
    • 在 Node.js 21 中 crypto.hash() 未完全实现或存在兼容性差异。

解决方案

✅ 方案一:升级 Node.js 至合规版本(推荐)

  1. 安装符合要求的 Node.js 版本
    # 使用 nvm 切换版本(推荐)
    nvm install 22.12.0
    nvm use 22.12.0
    
  2. 验证 Node.js 版本
    node -v  # 应输出 v22.12.0 或更高
    
  3. 重新安装依赖并启动
    pnpm install && pnpm run dev
    

在这里插入图片描述

⚠️ 方案二:降级 Vite 至 6.x(临时方案)

修改 package.json 锁定 Vite 版本至 6.x 最新补丁版本,清除缓存并重新安装依赖。

技术决策建议

从技术演进角度,升级 Node.js + 保留 Vite 7 是最优路径。Node.js 22 作为 LTS 版本(2023 年 10 月发布)已修复大量安全漏洞,并原生支持 ES2025 特性集。若项目需长期维护,应优先保障基础设施的现代性。

http://www.lryc.cn/news/609977.html

相关文章:

  • vue3+vue-flow制作简单可拖拽可增删改流程图
  • JMeter的基本使用教程
  • OpenLayers 详细开发指南 - 第八部分 - GeoJSON 转换与处理工具
  • 《Java Agent与Instrumentation:运行时增强的魔法武器》
  • 为什么ping和dig(nslookup)返回地址不一样,两者的区别
  • 基于C语言实现(控制台 )小区物业管理系统
  • Java常用数据结构入门
  • 推荐广告搜索三种业务的区别
  • 车载通信架构 ---车内通信的汽车网络安全
  • 人工智能之数学基础:条件概率及其应用
  • 跟着顶刊学写论文-摘要1
  • 深入浅出 RabbitMQ:工作队列实战(轮训策略VS公平策略)
  • SpringCloud之Nacos基础认识-服务注册中心
  • 13.Home-面板组件封装
  • Mac桌面仿制项目--让ai一句话生成的
  • mac 技巧
  • 【AI 加持下的 Python 编程实战 2_13】第九章:繁琐任务的自动化(中)——自动批量合并 PDF 文档
  • 大模型×垂直领域:预算、时间、空间三重夹击下的生存法则
  • 2.2 vue2子组件注册使用
  • 西门子PLC S7-1200单轴步进控制电动机
  • Axure设计Web端新增表单页面模板案例
  • 【LeetCode 热题 100】215. 数组中的第K个最大元素——(解法一)快速选择
  • 安卓逆向(基础①-Google Pixel-Root)
  • Visual Studio 2022安装与快捷键全攻略
  • 模型蒸馏(Distillation):原理、算法、应用
  • 【达梦MPP(带主备)集群搭建】
  • Selenium教程(Python 网页自动化测试脚本)
  • 华为2288H V5服务器闪红灯 无法开机案例
  • C++八股文——设计模式
  • JSON Schema