node.js - 为什么使用Vite创建的项目在npm run dev时报错crypto.hash不是函数？
最近使用npm的命令创建一个vite项目执行了npm i安装了包，但是执行npm run dev出现了以下错误
我的node版本是
安装项目的命令是 npm create vite@latest
不知道为啥会这样，难定是node的版本问题还是vite版本太高了导致的，这个我还没测试过
错误：
error when starting dev server:
TypeError: crypto.hash is not a function
at getHash (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:2834:21)
at getLockfileHash (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11716:9)
at getDepHash (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11719:23)
at initDepsOptimizerMetadata (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11180:53)
at createDepsOptimizer (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:34593:17)
at new DevEnvironment (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35357:109)
at Object.defaultCreateClientDevEnvironment [as createEnvironment] (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35776:9)
at _createServer (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:28359:132)
at async CAC.<anonymous> (file:///D:/learning_projects/vue-test/node_modules/vite/dist/node/cli.js:573:18)
安装不同的版本项目，js或者ts的版本项目，react和vue的项目都不行都是运行的时候出现这个问题，只要是基于vite创建的都会出现这个问题
共有3个答案
这个报错通常是node版本号不对
crypto.hash 在 node 版本 v21.7.0，v20.12.0 之后可用
升级你的 node 或者降级你的 vite
https://github.com/vitejs/vite/blob/ac528a44c384fefb6f10c3f531df93b5ac39324c/packages/vite/package.json#L57
最新版本的 vite 需要高版本 node
"engines": {
"node": "^20.19.0 || >=22.12.0"
},-
vite 创建的vue3项目 引入 vite-plugin-qiankun 项目跑不起来了
-
vue3、vite项目本地运行正常，打包报一堆错，应该是type-check的报错，应该怎么解决？ 无
-
... 尽管它将创建项目和正确的结构。但是当我进入项目的新文件夹并运行sbt命令时，出现了这个错误： 我使用JDK 1.8、sbt 0.13.16和Scala IDE 4.7.0 为什么会这样？我该怎么解决呢？
-
书上说这段代码在目录被glob匹配的情况下(如node_modules/fs.stat)应该报错，但是我在本地执行没有。 下面代码实现了一个copy的功能，将source directory下的所有文件复制到destination directory。 对这段代码的几点说明: 此处的glob版本为7.2.3，最新版本的glob是基于promise的，不再支持回调。 fs-extra提供了更多的功能
-
使用vue-cli创建项目时报错 ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config，如下图 遇到这个问题我一度以为是npm 镜像源设置为了淘宝源，后面通过npm config get命令查看npm配置，发现镜像源并不是淘宝源，后面折腾了好久发现竟是vue-cli默认使用的是淘
-
let res = await $http.get("api.cart") 在$http上报了 $http is undefined的错误不知道怎么回事 看了网上说好多是没有配置jquery？配置了也还是没有搞好
-
如上图，用idea的Get from VCS会报错，但是直接使用cmd的git clone正常，查了资料说是要把缓存调大，那为什么cmd就可以呢？