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.

TTawfek

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

Any help?!

Thanks

12 comments

BBogdan

Try git pull

TTawfek

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.

TTawfek

The pulling worked successfully, but the server stopped from working:

Plain Text

node ➜ /workspaces/webstudio (main) $ git pull
Already up to date.

BBogdan

pnpm install

TTawfek

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

BBogdan

Try cd apps/builder && pnpm dev

TTawfek

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!

BBogdan

ah right, cd ../../ && pnpm build && cd apps/builder && pnpm dev

TTawfek

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

BBogdan

Aha, yoh need to run migrations like described in docs

TTawfek

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

BBogdan

Yeah, we might need to document this

Add a reply

Join the Webstudio community

Update Local Docker Builder