Frontend canister can't be deployed

i am just trying out to learn and get into mokoto programming language and stuck after setting up the environment. i’m using all of the latest version of dfx, node, etc. all according to the developer journey website.

I couldn’t figure out how to deploy all of the canister, everytime it will display the error below, i am using macbook m1

dfx deploy
Deploying all canisters.
All canisters have already been created.
Building canisters…
Building frontend…
Error: Failed while trying to deploy canisters.
Caused by: Failed to build all canisters.
Caused by: Failed while trying to build all canisters.
Caused by: The post-build step failed for canister ‘bd3sg-teaaa-aaaaa-qaaba-cai’ (hello_frontend)
Caused by: Failed to build frontend for network ‘local’.
Caused by: The command ‘cd “/Users/ryanfarrell/Downloads/ICP/hello” && CANISTER_CANDID_PATH=“/Users/ryanfarrell/Downloads/ICP/hello/.dfx/local/canisters/hello_frontend/assetstorage.did” CANISTER_CANDID_PATH_HELLO_BACKEND=“/Users/ryanfarrell/Downloads/ICP/hello/.dfx/local/canisters/hello_backend/hello_backend.did” CANISTER_ID=“bd3sg-teaaa-aaaaa-qaaba-cai” CANISTER_ID_HELLO_BACKEND=“bkyz2-fmaaa-aaaaa-qaaaq-cai” CANISTER_ID_HELLO_FRONTEND=“bd3sg-teaaa-aaaaa-qaaba-cai” DFX_NETWORK=“local” DFX_VERSION=“0.20.1” “npm” “run” “build” “–workspace” “hello_frontend”’ failed with exit status ‘exit status: 2’.
Stdout:

hello_frontend@0.0.0 prebuild
dfx generate

hello_frontend@0.0.0 build
tsc && vite build

error TS5083: Cannot read file ‘/Users/ryanfarrell/Downloads/ICP/hello/src/hello_frontend/.svelte-kit/tsconfig.json’.

Stderr:
Building canisters before generate for Motoko
Generating type declarations for canister hello_frontend:
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did.d.ts
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did.js
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did
Generating type declarations for canister hello_backend:
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did.d.ts
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did.js
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did
npm error Lifecycle script build failed with error:
npm error code 2
npm error path /Users/ryanfarrell/Downloads/ICP/hello/src/hello_frontend
npm error workspace hello_frontend@0.0.0
npm error location /Users/ryanfarrell/Downloads/ICP/hello/src/hello_frontend
npm error command failed
npm error command sh -c tsc && vite build

This is pretty clearly an issue with your frontend build command. Try running npm run build in isolation to help troubleshoot the error

npm run build

prebuild
npm run prebuild --workspaces --if-present

hello_frontend@0.0.0 prebuild
dfx generate

Building canisters before generate for Motoko
Generating type declarations for canister hello_frontend:
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did.d.ts
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did.js
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did
Generating type declarations for canister hello_backend:
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did.d.ts
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did.js
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did

build
npm run build --workspaces --if-present

hello_frontend@0.0.0 prebuild
dfx generate

Building canisters before generate for Motoko
Generating type declarations for canister hello_frontend:
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did.d.ts
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did.js
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_frontend/hello_frontend.did
Generating type declarations for canister hello_backend:
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did.d.ts
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did.js
/Users/ryanfarrell/Downloads/ICP/hello/src/declarations/hello_backend/hello_backend.did

hello_frontend@0.0.0 build
tsc && vite build

error TS5083: Cannot read file ‘/Users/ryanfarrell/Downloads/ICP/hello/src/hello_frontend/.svelte-kit/tsconfig.json’.

Found 1 error.

npm error Lifecycle script build failed with error:
npm error code 2
npm error path /Users/ryanfarrell/Downloads/ICP/hello/src/hello_frontend
npm error workspace hello_frontend@0.0.0
npm error location /Users/ryanfarrell/Downloads/ICP/hello/src/hello_frontend
npm error command failed
npm error command sh -c tsc && vite build

it prints out this error when i run npm run build