Error while initiating Bolt.DIY on mac

General
1

Hello Team,

First of all i am not technical at all and not a developer as well but i installed bolt.diy before and used it with no issues, it is been a while not using it but when i tried to initiate it again it gives me errors and shows me missing elements in the UI as u can see in the below image.

Screenshot 2025-01-24 at 4.35.00 PM
Screenshot 2025-01-24 at 4.35.00 PM1920×1080 91.5 KB

here is the terminal issue:

abdelrahmankhaled@Mac ~ % cd bolt.diy
abdelrahmankhaled@Mac bolt.diy % git pull
Already up to date.
abdelrahmankhaled@Mac bolt.diy % pnpm run dev

> bolt@0.0.6 dev /Users/abdelrahmankhaled/bolt.diy
> node pre-start.cjs  && remix vite:dev


★═══════════════════════════════════════★
          B O L T . D I Y
         ⚡️  Welcome  ⚡️
★═══════════════════════════════════════★

📍 Current Version Tag: v"0.0.6"
📍 Current Commit Version: "5a0489f"
  Please wait until the URL appears here
★═══════════════════════════════════════★
 warn  Data fetching is changing to a single fetch in React Router v7
┃ You can use the `v3_singleFetch` future flag to opt-in early.
┃ -> https://remix.run/docs/en/2.13.1/start/future-flags#v3_singleFetch
┗
(node:67412) ExperimentalWarning: Type Stripping is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
 INFO   LLMManager  Registering Provider:  Anthropic
 INFO   LLMManager  Registering Provider:  Cohere
 INFO   LLMManager  Registering Provider:  Deepseek
 INFO   LLMManager  Registering Provider:  Google
 INFO   LLMManager  Registering Provider:  Groq
 INFO   LLMManager  Registering Provider:  HuggingFace
 INFO   LLMManager  Registering Provider:  Hyperbolic
 INFO   LLMManager  Registering Provider:  Mistral
 INFO   LLMManager  Registering Provider:  Ollama
 INFO   LLMManager  Registering Provider:  OpenAI
 INFO   LLMManager  Registering Provider:  OpenRouter
 INFO   LLMManager  Registering Provider:  OpenAILike
 INFO   LLMManager  Registering Provider:  Perplexity
 INFO   LLMManager  Registering Provider:  xAI
 INFO   LLMManager  Registering Provider:  Together
 INFO   LLMManager  Registering Provider:  LMStudio
 INFO   LLMManager  Registering Provider:  AmazonBedrock
 INFO   LLMManager  Registering Provider:  Github
4:31:18 PM [vite] Internal server error: Failed to resolve import "@radix-ui/react-popover" from "app/components/ui/Popover.tsx". Does the file exist?
  Plugin: vite:import-analysis
  File: /Users/abdelrahmankhaled/bolt.diy/app/components/ui/Popover.tsx:1:25
  6  |  globalThis.process = globalThis.process || __process_polyfill;
  7  |  import { jsxDEV } from "react/jsx-dev-runtime";
  8  |  import * as Popover from "@radix-ui/react-popover";
     |                            ^
  9  |  export default ({
  10 |    children,
      at TransformPluginContext._formatError (file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:49255:41)
      at TransformPluginContext.error (file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:49250:16)
      at normalizeUrl (file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:64041:23)
      at processTicksAndRejections (node:internal/process/task_queues:105:5)
      at file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:64173:39
      at async Promise.all (index 4)
      at TransformPluginContext.transform (file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:64100:7)
      at PluginContainer.transform (file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:49096:18)
      at loadAndTransform (file:///Users/abdelrahmankhaled/bolt.diy/node_modules/.pnpm/vite@5.4.11_@types+node@22.10.1_sass-embedded@1.81.0/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:51929:27)
4:31:18 PM [vite] Pre-transform error: Failed to resolve import "@radix-ui/react-popover" from "app/components/ui/Popover.tsx". Does the file exist?
2

@leex279 please need ur help.

3

Don’t add bolt.diy, that’s if you installed the “prebuild”. If using the GitHub clone method, just use pnpm run dev directly. I think you might be mixing up the two methods.

Method #1 Github:
git clone https://github.com/stackblitz-labs/bolt.diy
cd bolt.diy
npm install pnpm
pnpm install
pnpm run dev

Method #2 NPM Prebuild:
npm install bolt.diy
bolt.diy # Mac or Linux
or
bolt.diy.cmd # For Windows

P.S. The prebuild is “compiled”, so it runs lighter than using pnpm run dev, which runs a Remix server in the background.

2 Likes
4

@abdelrahmankhaled257 did you take a look at my install video on youtube? https://www.youtube.com/watch?v=JeECi5b9Lho

Other then that, we had some other users having problems on mac with PNPM.
If you did all from the video and still got the problem, use NPM for installing and running. Make sure you do it on a fresh clone/download and not after failing, trying it within the existing bolt.diy folder.

Let me know if it helped.

1 Like
5

Thank u both, the issue is resolved despite i did not make any thing differ than the morning. :joy:

6

Could be little things like you did a npm install by mistake and then corrected it with pnpm install e.g. and its not working.

But anyway, glad it works :slight_smile: