Blank screen when launching dev environment.

[Hannnes1]

Checklist

• I have searched budibase discussions and github issues to check if my issue already exists

Hosting

• Self
  • Method: docker compose
  • Budibase Version: v2.5.7

Describe the bug
We have attempted to set up and launch the dev environment on multiple different computers (both linux and windows), acording to the steps in DEV-SETUP-DEBIAN.md and DEV-SETUP-WINDOWS.md, but every time, we end up with a blank screen when opening http://127.0.0.1:10000/builder/admin.

To Reproduce
Steps to reproduce the behavior:

1. Follow the steps in DEV-SETUP-DEBIAN.md or DEV-SETUP-WINDOWS.md
2. Go to http://127.0.0.1:10000/builder/admin
3. See error

Expected behavior
I expect to see the screen for creating an admin user.

Desktop:

• OS: Arch Linux
• Browser: Firefox

Additional context
Output of yarn dev:

yarn run v1.22.19
$ yarn run kill-all && lerna link && lerna run --parallel dev:builder --concurrency 1
$ yarn run kill-builder && yarn run kill-server
$ kill-port 3000
Process on port 3000 killed
$ kill-port 4001 4002
Process on port 4001 killed
Process on port 4002 killed
@budibase/client: $ rollup -cw
@budibase/builder: $ routify -c dev:vite
@budibase/shared-core: $ yarn prebuild && concurrently "tsc -p tsconfig.build.json --watch" "tsc -p tsconfig-cjs.build.json --watch"
@budibase/server: $ yarn run dev:stack:up && nodemon
@budibase/types: $ yarn prebuild && concurrently "tsc -p tsconfig.build.json --watch" "tsc -p tsconfig-cjs.build.json --watch"
@budibase/string-templates: $ tsc && rollup -cw
@budibase/worker: $ npm run dev:stack:init && nodemon
@budibase/builder: [Routify] Watching src/pages
@budibase/shared-core: $ rimraf dist/
@budibase/types: $ rimraf dist/
@budibase/server: $ node scripts/dev/manage.js up
@budibase/server: Spinning up your budibase dev environment... 🔧✨
@budibase/worker: > @budibase/[email protected] dev:stack:init /home/hannes/Documents/budibase/packages/worker
@budibase/worker: > node ./scripts/dev/manage.js init
@budibase/builder: > @budibase/[email protected] dev:vite /home/hannes/Documents/budibase/packages/builder
@budibase/builder: > vite --host 0.0.0.0
@budibase/worker: Done! 🎉
@budibase/worker: �[33m[nodemon] 2.0.15�[39m
@budibase/worker: �[33m[nodemon] to restart at any time, enter `rs`�[39m
@budibase/worker: �[33m[nodemon] watching path(s): src/**/* ../backend-core/**/* ../../../budibase-pro/packages/pro�[39m
@budibase/worker: �[33m[nodemon] watching extensions: js,ts,json�[39m
@budibase/worker: �[32m[nodemon] starting `ts-node src/index.ts`�[39m
@budibase/shared-core: [0] �c10:20:49 AM - Starting compilation in watch mode...
@budibase/shared-core: [0] 
@budibase/shared-core: [1] �c10:20:49 AM - Starting compilation in watch mode...
@budibase/shared-core: [1] 
@budibase/types: [1] �c10:20:49 AM - Starting compilation in watch mode...
@budibase/types: [1] 
@budibase/server: Done! 🎉
@budibase/types: [0] �c10:20:49 AM - Starting compilation in watch mode...
@budibase/types: [0] 
@budibase/builder:   VITE v3.2.5  ready in 1158 ms
@budibase/builder:   ➜  Local:   http://localhost:3000/builder/
@budibase/builder:   ➜  Network: http://192.168.32.5:3000/builder/
@budibase/builder:   ➜  Network: http://10.13.13.3:3000/builder/
@budibase/builder:   ➜  Network: http://172.21.0.1:3000/builder/
@budibase/server: �[33m[nodemon] 2.0.15�[39m
@budibase/server: �[33m[nodemon] to restart at any time, enter `rs`�[39m
@budibase/server: �[33m[nodemon] watching path(s): src/**/* ../backend-core/**/* ../../../budibase-pro/packages/pro�[39m
@budibase/server: �[33m[nodemon] watching extensions: js,ts,json�[39m
@budibase/server: �[32m[nodemon] starting `ts-node src/index.ts`�[39m
@budibase/shared-core: [1] src/filters.ts(1,64): error TS2307: Cannot find module '@budibase/types' or its corresponding type declarations.
@budibase/shared-core: [1] src/helpers/integrations.ts(1,28): error TS2307: Cannot find module '@budibase/types' or its corresponding type declarations.
@budibase/shared-core: [1] 
@budibase/shared-core: [1] 10:20:56 AM - Found 2 errors. Watching for file changes.
@budibase/shared-core: [0] src/filters.ts(1,64): error TS2307: Cannot find module '@budibase/types' or its corresponding type declarations.
@budibase/shared-core: [0] src/helpers/integrations.ts(1,28): error TS2307: Cannot find module '@budibase/types' or its corresponding type declarations.
@budibase/shared-core: [0] 
@budibase/shared-core: [0] 10:20:56 AM - Found 2 errors. Watching for file changes.
@budibase/worker: Worker running on {"address":"::","family":"IPv6","port":4002}
@budibase/types: [0] 
@budibase/types: [0] 10:21:08 AM - Found 0 errors. Watching for file changes.
@budibase/types: [1] 
@budibase/types: [1] 10:21:08 AM - Found 0 errors. Watching for file changes.
@budibase/server: Budibase running on {"address":"::","family":"IPv6","port":4001}
@budibase/server: Checking migrations
@budibase/server: Migrations complete
@budibase/builder: 10:26:44 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/bbui/src/Popover/Popover.svelte:62:4 A11y: noninteractive element cannot have nonnegative tabIndex value
@budibase/builder: 10:26:44 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/bbui/src/Tabs/Tab.svelte:50:0 A11y: noninteractive element cannot have nonnegative tabIndex value
@budibase/builder: 10:26:46 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/pages/builder/apps/index.svelte:151:18 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:49 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/bbui/src/Form/Core/Dropzone.svelte:221:4 A11y: noninteractive element cannot have nonnegative tabIndex value
@budibase/builder: 10:26:49 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/bbui/src/FancyForm/FancySelect.svelte:89:8 A11y: noninteractive element cannot have nonnegative tabIndex value
@budibase/builder: 10:26:51 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/automation/Shared/CreateWebhookModal.svelte:70:2 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:51 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/common/TemplateDisplay.svelte:92:16 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:51 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/portal/licensing/DeleteLicenseKeyModal.svelte:31:1 No scopable elements found in template. If you're using global styles in the style tag, you should move it into an external stylesheet file and import it in JS. See https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#where-should-i-put-my-global-styles.
@budibase/builder: 10:26:52 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/common/HelpMenu.svelte:30:6 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:52 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/common/HelpMenu.svelte:37:6 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:52 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/common/HelpMenu.svelte:47:6 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:52 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/common/HelpMenu.svelte:54:6 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"
@budibase/builder: 10:26:55 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/pages/builder/portal/overview/[appId]/backups/_components/CreateRestoreModal.svelte:27:1 No scopable elements found in template. If you're using global styles in the style tag, you should move it into an external stylesheet file and import it in JS. See https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#where-should-i-put-my-global-styles.
@budibase/builder: 10:26:59 AM [vite-plugin-svelte] /home/hannes/Documents/budibase/packages/builder/src/components/automation/AutomationPanel/UpdateAutomationModal.svelte:54:4 Security: Anchor with "target=_blank" should have rel attribute containing the value "noreferrer"

[melohagan]

Hi @Hannnes1

Could you try some of the following steps please:

yarn lerna clean
rm -rf ~/.config/yarn/link/@budibase
yarn install

It does just look like come of the dependencies haven't installed correctly, so if that doesn't work you could also try a:

yarn clean -y
yarn
yarn setup

[Hannnes1]

This is on develop. I cloned the repo just before this, so I haven't made any changes

[PClmnt]

so i ran in this exact order and it worked

yarn clean

yarn build

yarn setup

If you haven't ran yarn clean you can just run yarn dev in place of yarn setup - it's only needed the first time after a clean or fresh clone.

[sebastian-jansson]

Check if you have an ad-blocker running. I had the same issue previously and disabling it helped.

[Hannnes1]

Thanks @sebastian-jansson! It seems like this issue was a combination of having to run yarn clean and disabling uBlock Origin.

I disabled the ad blocker and ran all commands again, and now it works!

[sebastian-jansson]

Thanks @sebastian-jansson! It seems like this issue was a combination of having to run yarn clean and disabling uBlock Origin.

I disabled the ad blocker and ran all commands again, and now it works!

Sweet! Glad it helped :)

I'll add this to the README.md somewhere.