Estoy tratando de seguir un tutorial, pero me encuentro con problemas incluso antes de haber escrito una línea de código. solo comandos de terminal como se ve a continuación:

 *PS C:\Users\ruben\OneDrive\Bureaublad\dapp> cd .\client\ PS C:\Users\ruben\OneDrive\Bureaublad\dapp\client> npm init vite@latest √ Project name: ... ./ √ Select a framework: » react √ Select a variant: » react Scaffolding project in C:\Users\ruben\OneDrive\Bureaublad\dapp\client\... Done. Now run: npm install npm run dev PS C:\Users\ruben\OneDrive\Bureaublad\dapp\client> npm install added 76 packages, and audited 77 packages in 6s 7 packages are looking for funding run `npm fund` for details found 0 vulnerabilities PS C:\Users\ruben\OneDrive\Bureaublad\dapp\client> npm run dev > dapp1@0.0.0 dev > vite Pre-bundling dependencies: react react-dom react/jsx-dev-runtime (this will be run only when your dependencies or config have changed) vite v2.7.10 dev server running at: > Local: http://localhost:3000/ > Network: use `--host` to expose ready in 467ms.*

Cuando voy al host local, aparece una página en blanco (en el tutorial muestra una imagen y algo de texto.

Cuando inspecciono la página, me presentan errores:

 :3000/:1 GET http://localhost:3000/ 500 (Internal Server Error) localhost/:1 GET http://localhost:3000/_next/static/chunks/fallback/webpack.js?ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error) localhost/:1 GET http://localhost:3000/_next/static/chunks/fallback/main.js?ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error) localhost/:1 GET http://localhost:3000/_next/static/chunks/fallback/react-refresh.js? ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error) localhost/:1 GET http://localhost:3000/_next/static/chunks/fallback/pages/_app.js? ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error) localhost/:1 GET http://localhost:3000/_next/static/chunks/fallback/pages/_error.js? ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error)

Además de este problema:

Una página o secuencia de comandos accede al menos a uno de navigator.userAgent, navigator.appVersion y navigator.platform. A partir de Chrome 101, se reducirá la cantidad de información disponible en la cadena del agente de usuario. Para solucionar este problema, reemplace el uso de navigator.userAgent, navigator.appVersion y navigator.platform con detección de características, mejora progresiva o migre a navigator.userAgentData. Tenga en cuenta que, por motivos de rendimiento, solo se muestra el primer acceso a una de las propiedades. 1 fuente bubble_compiled.js:1