Join the Webstudio community

Updated 2 months ago

Update Local Docker Builder

At a glance

The community member is trying to update their local Docker builder but is having issues. The comments suggest trying various steps, including running git pull, pnpm install, pnpm build, and pnpm migrations migrate. The final solution appears to be following these steps in order to successfully update the local Docker builder. The community members also note that they may need to document this process for others.

Hello awesome builders, I want to update my local docker builder but can't found anything to help with that.

Any help?!

Thanks
B
T
12 comments
After doing that, I tried
Plain Text
pnpm dev
and got the following error:
Plain Text
node ➜ /workspaces/webstudio (main) $ pnpm dev
...
apps/builder dev: failed to load config from /workspaces/webstudio/apps/builder/vite.config.ts
apps/builder dev: Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'picocolors' imported from /workspaces/webstudio/apps/builder/vite.config.ts.timestamp-1727257523007-37e26c4abf198.mjs
apps/builder dev: Did you mean to import "picocolors/picocolors.js"?
apps/builder dev:     at packageResolve (node:internal/modules/esm/resolve:854:9)
apps/builder dev:     at moduleResolve (node:internal/modules/esm/resolve:927:18)
apps/builder dev:     at defaultResolve (node:internal/modules/esm/resolve:1169:11)
apps/builder dev:     at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:383:12)
apps/builder dev:     at ModuleLoader.resolve (node:internal/modules/esm/loader:352:25)
apps/builder dev:     at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:227:38)
apps/builder dev:     at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:87:39)
apps/builder dev:     at link (node:internal/modules/esm/module_job:86:36) {
apps/builder dev:   code: 'ERR_MODULE_NOT_FOUND'
apps/builder dev: }
apps/builder dev: Failed
/workspaces/webstudio/apps/builder:
 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL  @webstudio-is/[email protected] dev: `remix vite:dev`
Exit status 1
 ELIFECYCLE  Command failed with exit code 1.
The pulling worked successfully, but the server stopped from working:
Plain Text
node ➜ /workspaces/webstudio (main) $ git pull
Already up to date.
I already did pnpm install:
Plain Text
node ➜ /workspaces/webstudio (main) $ pnpm install
Scope: all 40 workspace projects
 WARN  There are cyclic workspace dependencies: /workspaces/webstudio/packages/css-data, /workspaces/webstudio/packages/react-sdk, /workspaces/webstudio/packages/sdk
Lockfile is up to date, resolution step is skipped
Already up to date
. prepare$ which git && git config core.hooksPath .git/hooks/ && simple-git-hooks || echo git not installed
│ /usr/local/bin/git
│ [INFO] Successfully set the pre-commit with command: ./node_modules/.bin/nano-staged
│ [INFO] Successfully set all git hooks
└─ Done in 25ms
Done in 2.1s

node ➜ /workspaces/webstudio (main) $ pnpm dev
...
...
apps/builder dev: Failed
/workspaces/webstudio/apps/builder:
 ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL  @webstudio-is/[email protected] dev: `remix vite:dev`
Exit status 1
 ELIFECYCLE  Command failed with exit code 1.


Same issue
Try cd apps/builder && pnpm dev
Plain Text
node ➜ /workspaces/webstudio/apps/builder (main) $ pnpm dev

> @webstudio-is/[email protected] dev /workspaces/webstudio/apps/builder
> remix vite:dev

failed to load config from /workspaces/webstudio/apps/builder/vite.config.ts
file:///workspaces/webstudio/apps/builder/vite.config.ts.timestamp-1727264511399-6a39fd2cbeac3.mjs:9
import { parseBuilderUrl } from "file:///workspaces/webstudio/packages/http-client/lib/index.js";
         ^^^^^^^^^^^^^^^
SyntaxError: The requested module 'file:///workspaces/webstudio/packages/http-client/lib/index.js' does not provide an export named 'parseBuilderUrl'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:134:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:217:5)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
    at async loadConfigFromBundledFile (file:///workspaces/webstudio/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-NjL7WTE1.js:66565:15)
    at async loadConfigFromFile 
...
(/workspaces/webstudio/node_modules/.pnpm/@[email protected]_patch_hash=zolvyaomi7vkkka7op77fpjpau_@[email protected]_react-dom_jvbre4arxuje7gjkv6oyhptqie/node_modules/@remix-run/dev/dist/cli/commands.js:220:3)
    at async Object.run (/workspaces/webstudio/node_modules/.pnpm/@[email protected]_patch_hash=zolvyaomi7vkkka7op77fpjpau_@[email protected]_react-dom_jvbre4arxuje7gjkv6oyhptqie/node_modules/@remix-run/dev/dist/cli/run.js:271:7)
 ELIFECYCLE  Command failed with exit code 1.


Still not working!
ah right, cd ../../ && pnpm build && cd apps/builder && pnpm dev
Finally! Thanks for your help! It worked.

I got a new issue when trying to access dashboard
Attachment
Screenshot_2024-09-25_at_4.42.15_PM.webp
Aha, yoh need to run migrations like described in docs
Thanks! It worked by just excuting this command:
pnpm migrations migrate

To summerize, those are the steps to upgrade:
Git pull
Pnpm install
pnpm build
pnpm migrations migrate
pnpm dev
Yeah, we might need to document this
Add a reply
Sign up and join the conversation on Discord