TypeError: crypto.hash is not a function

[byunginhb]

Describe the bug

I simply installed a React TypeScript project using pnpm create vite and tried to run it, but encountered the following error. I'm on a Windows environment and using Node.js version v20.9.0. This issue didn't occur before, so it seems to be related to the recent update to Vite version 7.0.

G:\project>pnpm create vite
|
o  Project name:
|  vite-sample
|
o  Select a framework:
|  React
|
o  Select a variant:
|  TypeScript
|
o  Scaffolding project in G:\project\vite-sample...
|
—  Done. Now run:

  cd vite-sample
  pnpm install
  pnpm run dev


G:\project>cd vite-sample

G:\project\vite-sample>pnpm install
Packages: +188
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 232, reused 188, downloaded 0, added 188, done

dependencies:
+ react 19.1.0
+ react-dom 19.1.0

devDependencies:
+ @eslint/js 9.29.0
+ @types/react 19.1.8
+ @types/react-dom 19.1.6
+ @vitejs/plugin-react 4.6.0
+ eslint 9.29.0
+ eslint-plugin-react-hooks 5.2.0
+ eslint-plugin-react-refresh 0.4.20
+ globals 16.2.0
+ typescript 5.8.3
+ typescript-eslint 8.35.0
+ vite 7.0.0

╭ Warning ───────────────────────────────────────────────────────────────────────────────────╮
│                                                                                            │
│   Ignored build scripts: esbuild.                                                          │
│   Run "pnpm approve-builds" to pick which dependencies should be allowed to run scripts.   │
│                                                                                            │
╰────────────────────────────────────────────────────────────────────────────────────────────╯

Done in 2.7s using pnpm v10.5.1

G:\project\vite-sample>pnpm run dev

> vite-sample@0.0.0 dev G:\project\vite-sample
> vite

error when starting dev server:
TypeError: crypto.hash is not a function
    at getHash (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:2834:21)
    at getLockfileHash (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11716:9)
    at getDepHash (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11719:23)
    at initDepsOptimizerMetadata (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:11180:53)
    at createDepsOptimizer (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:34593:17)
    at new DevEnvironment (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35357:109)
    at Object.defaultCreateClientDevEnvironment [as createEnvironment] (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:35776:9)
    at _createServer (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/chunks/dep-Bsx9IwL8.js:28359:132)
    at async CAC.<anonymous> (file:///G:/project/vite-sample/node_modules/.pnpm/vite@7.0.0/node_modules/vite/dist/node/cli.js:573:18)
 ELIFECYCLE  Command failed with exit code 1.

Reproduction

.

Steps to reproduce

No response

System Info

windows, node v20.9.0

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[DanielMwamba]

I encountered the same problem, I had a version 21 of node and when I upgraded to version 22.16.0 I deleted the node_module files, the package-lock.json and I reinstalled the dependencies, it now works without any problem

[Loque18]

+1 here

for me I just run npm create vite@latest (v7.0.0)

and then when I run the app, I got the exact same error

[0Armaan025]

+1 here
I tried npm create vite@latest (v 7.0.0), and tried npm run dev, and I get this error

I'm on Linux (Ubuntu) using Hyprland.

[0Armaan025]

vite/packages/vite/src/node/utils.ts

Line 1087 in 78cddd8

const h = crypto.hash('sha256', text, 'hex').substring(0, length)

vite/packages/plugin-legacy/src/index.ts

Line 995 in 78cddd8

].map((i) => crypto.hash('sha256', i, 'base64'))

Please also check this, line 1087 (updated 5 days ago)

(I just thought that it might be something regarding this, im a noob dev)

[leomonzonspaceguru]

I got the same error using Node v20.11.0
I updated node v as @DanielMwamba suggested, and it worked

[0Armaan025]

it worked, thanks @DanielMwamba and @leomonzonspaceguru !

[monzurul002]

I encountered the same problem, I had a version 21 of node and when I upgraded to version 22.16.0 I deleted the node_module files, the package-lock.json and I reinstalled the dependencies, it now works without any problem

Thanks , it works

[KouadioDev5ix]

This is simply a problem of upgrade ,
Here is the message

npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: 'vite@7.0.0',
npm WARN EBADENGINE required: { node: '^20.19.0 || >=22.12.0' },
npm WARN EBADENGINE current: { node: 'v20.11.0', npm: '10.4.0' }
npm WARN EBADENGINE }

[LemonLamo]

i just upgraded to node version 22.16.0 and it worked

[psychobolt]

https://vite.dev/guide/#scaffolding-your-first-vite-project

https://github.com/vitejs/vite/blob/aec0770eb35960e1946e7e397e98827453551a2f/docs/guide/index.md#scaffolding-your-first-vite-project

Vite requires Node.js version 20.19+, 22.12+

I had the same error and I was able to fix mine by running:
npm install node
sudo npm install n -g
Afterwards I ran npm run dev and it runs just fine.

[bluwy]

With Vite 7, the minimum required node versions has been bumped as mentioned in the comments above. You need to use Node.js 20.19+ or 22.12+. The package manager should usually warn about this beforehand.