Build AI-Powered Apps - 6- Creating the Frontend bug?

React
1

In the video, inside the client directory, after installing vite and selecting React and typescript, when running the command bun init, the node_modules folder is created inside the client folder, not added to the root node modules folder, have i missed something? Pleasehelp, advise. thanks

2

I have

{
  "name": "ai-app",
  "module": "index.ts",
  "type": "module",
  "private": true,
  "devDependencies": {
    "@types/bun": "latest"
  },
  "peerDependencies": {
    "typescript": "^5"
  },
  "workspaces": [
    "packages/*"
  ]
}

inside server:

{
  "name": "server",
  "module": "index.ts",
  "type": "module",
  "private": true,
  "scripts": {
    "start": "bun run index.ts",
    "dev": "bun --watch run index.ts"
  },
  "devDependencies": {
    "@types/bun": "latest",
    "@types/express": "^5.0.5"
  },
  "peerDependencies": {
    "typescript": "^5"
  },
  "dependencies": {
    "dotenv": "^17.2.3",
    "express": "^5.1.0"
  }
}

and inside client:

{
  "name": "client",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^19.2.0",
    "react-dom": "^19.2.0"
  },
  "devDependencies": {
    "@eslint/js": "^9.39.1",
    "@types/node": "^24.10.0",
    "@types/react": "^19.2.2",
    "@types/react-dom": "^19.2.2",
    "@vitejs/plugin-react": "^5.1.0",
    "eslint": "^9.39.1",
    "eslint-plugin-react-hooks": "^7.0.1",
    "eslint-plugin-react-refresh": "^0.4.24",
    "globals": "^16.5.0",
    "typescript": "~5.9.3",
    "typescript-eslint": "^8.46.3",
    "vite": "^7.2.2"
  }
}


> # Check Bun version
bun --version

# Check if there are any bun.lockb files
find . -name "bun.lockb"

# Check workspace detection
bun pm ls
1.3.1
/.../code-with-mosh/react-ai-app node_modules (320)
├── @types/[email protected]
├── client@workspace:packages/client
├── server@workspace:packages/server
└── [email protected]
3

ok, i think the video didn’t show this clearly, The node_modules folders in client and server are 0B (empty symlink directories), while all the actual packages (110M) are in the root node_modules.