[GH-ISSUE #3389] About frontend #1246

Closed
opened 2026-03-07 21:01:36 +03:00 by kerem · 9 comments
Owner

Originally created by @pxmlw on GitHub (Apr 18, 2025).
Original GitHub issue: https://github.com/dbeaver/cloudbeaver/issues/3389

Originally assigned to: @SychevAndrey on GitHub.

I follow your frontend guideline to set up the front part ,but I found the command got problem and build failed.please update the frontend guideline and show how to debug and build frontend architect

Originally created by @pxmlw on GitHub (Apr 18, 2025). Original GitHub issue: https://github.com/dbeaver/cloudbeaver/issues/3389 Originally assigned to: @SychevAndrey on GitHub. I follow your frontend guideline to set up the front part ,but I found the command got problem and build failed.please update the frontend guideline and show how to debug and build frontend architect
kerem 2026-03-07 21:01:36 +03:00
Author
Owner

@LonwoLonwo commented on GitHub (Apr 22, 2025):

Hello @pxmlw

What error was in this failed build? Could you please provide more details?

<!-- gh-comment-id:2820513667 --> @LonwoLonwo commented on GitHub (Apr 22, 2025): Hello @pxmlw What error was in this failed build? Could you please provide more details?
Author
Owner

@EvgeniaBzzz commented on GitHub (Apr 22, 2025):

@pxmlw Thank you for bringing this to our attention.
We'll update the guidelines.
For now, please follow these steps

<!-- gh-comment-id:2820928330 --> @EvgeniaBzzz commented on GitHub (Apr 22, 2025): @pxmlw Thank you for bringing this to our attention. We'll update the guidelines. For now, please follow [these steps](https://github.com/dbeaver/cloudbeaver/blob/devel/webapp/readme.md)
Author
Owner

@pxmlw commented on GitHub (Apr 23, 2025):

@pxmlw Thank you for bringing this to our attention. We'll update the guidelines. For now, please follow these steps

I have seen that ,but I think it still need run backend server ,or it will be not start ,and I start the backend server with run-server.sh ,but it not connect my dev frontend.

<!-- gh-comment-id:2823133318 --> @pxmlw commented on GitHub (Apr 23, 2025): > [@pxmlw](https://github.com/pxmlw) Thank you for bringing this to our attention. We'll update the guidelines. For now, please follow [these steps](https://github.com/dbeaver/cloudbeaver/blob/devel/webapp/readme.md) I have seen that ,but I think it still need run backend server ,or it will be not start ,and I start the backend server with run-server.sh ,but it not connect my dev frontend.
Author
Owner

@pxmlw commented on GitHub (Apr 23, 2025):

and I run yarn dev ,

it show this error:
[0] Done in 0s
[0] yarn workspaces foreach -Ap --include '@cloudbeaver/core-sdk' run gql:gen:dev exited with code 0
--> Sending SIGTERM to other processes..

<!-- gh-comment-id:2823289558 --> @pxmlw commented on GitHub (Apr 23, 2025): and I run yarn dev , it show this error: [0] Done in 0s **[0] yarn workspaces foreach -Ap --include '@cloudbeaver/core-sdk' run gql:gen:dev exited with code 0 --> Sending SIGTERM to other processes..**
Author
Owner

@pxmlw commented on GitHub (Apr 23, 2025):

and this
ReferenceError: exports is not defined in ES module scope
[1] at file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/node_modules/.vite-temp/vite.config.js.timestamp-1745397927263-0cf5702b3d903.mjs:73:23
[1] at ModuleJob.run (node:internal/modules/esm/module_job:271:25)
[1] at async onImport.tracePromise.proto (node:internal/modules/esm/loader:578:26)
[1] at async loadConfigFromBundledFile (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/virtual/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:54130:15)
[1] at async loadConfigFromFile (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/virtual/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:53959:24)
[1] at async resolveConfig (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/virtual/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:53474:24)
[1] at async _createServer (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/virtual/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:43702:18)
[1] at async CAC. (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/virtual/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/cli.js:746:20)
[1] vite exited with code 1
--> Sending SIGTERM to other processes..
[0] yarn workspaces foreach -Ap --include '@cloudbeaver/core-sdk' run gql:gen:dev exited with code 1

<!-- gh-comment-id:2823530439 --> @pxmlw commented on GitHub (Apr 23, 2025): and this ReferenceError: exports is not defined in ES module scope [1] at file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/node_modules/.vite-temp/vite.config.js.timestamp-1745397927263-0cf5702b3d903.mjs:73:23 [1] at ModuleJob.run (node:internal/modules/esm/module_job:271:25) [1] at async onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:578:26) [1] at async loadConfigFromBundledFile (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/__virtual__/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:54130:15) [1] at async loadConfigFromFile (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/__virtual__/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:53959:24) [1] at async resolveConfig (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/__virtual__/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:53474:24) [1] at async _createServer (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/__virtual__/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/chunks/dep-M1IYMR16.js:43702:18) [1] at async CAC.<anonymous> (file:///C:/Users/Administrator/IdeaProjects/cloudbeaver/webapp/.yarn/__virtual__/vite-virtual-ba3f5fdfce/4/AppData/Local/Yarn/Berry/cache/vite-npm-6.0.11-8299edf213-10c0.zip/node_modules/vite/dist/node/cli.js:746:20) [1] vite exited with code 1 --> Sending SIGTERM to other processes.. [0] yarn workspaces foreach -Ap --include '@cloudbeaver/core-sdk' run gql:gen:dev exited with code 1
Author
Owner

@pxmlw commented on GitHub (Apr 24, 2025):

Hello @pxmlw

What error was in this failed build? Could you please provide more details?

any one can reply me the ReferenceError: exports is not defined in ES module scope problem?

<!-- gh-comment-id:2826131680 --> @pxmlw commented on GitHub (Apr 24, 2025): > Hello [@pxmlw](https://github.com/pxmlw) > > What error was in this failed build? Could you please provide more details? any one can reply me the ReferenceError: exports is not defined in ES module scope problem?
Author
Owner

@Wroud commented on GitHub (Apr 25, 2025):

@pxmlw The easier way to run and debug the client side of the application is to use VS Code; just open the cloudbeaver folder in it.
You will be prompted to install recommended extensions and use the TypeScript version from the workspace.
Please install extensions and agree to use the workspace's TypeScript version.

You also need to enable corepack You can do it by running the command:

corepack enable

After that, please run the command:

yarn

from cloudbeaver/webapp folder

To run the frontend in development mode:

  1. Start server (you can build it first with a sh script)
  2. F1 (in vs code)
  3. Run task
  4. Run DevServer CE

This will start the frontend in development mode and proxy requests to your local backend:
http://localhost:8080/

<!-- gh-comment-id:2830285104 --> @Wroud commented on GitHub (Apr 25, 2025): @pxmlw The easier way to run and debug the client side of the application is to use VS Code; just open the `cloudbeaver` folder in it. You will be prompted to install recommended extensions and use the TypeScript version from the workspace. Please install extensions and agree to use the workspace's TypeScript version. You also need to enable `corepack` You can do it by running the command: ```sh corepack enable ``` After that, please run the command: ```sh yarn ``` from `cloudbeaver/webapp` folder To run the frontend in development mode: 1. Start server (you can build it first with a sh script) 2. F1 (in vs code) 3. Run task 4. Run DevServer CE This will start the frontend in development mode and proxy requests to your local backend: http://localhost:8080/
Author
Owner

@Wroud commented on GitHub (Apr 25, 2025):

We are also currently working on updating our instructions

<!-- gh-comment-id:2830292181 --> @Wroud commented on GitHub (Apr 25, 2025): We are also currently working on updating our instructions
Author
Owner

@EvgeniaBzzz commented on GitHub (May 6, 2025):

You can find updated instruction here

<!-- gh-comment-id:2855219476 --> @EvgeniaBzzz commented on GitHub (May 6, 2025): You can find updated instruction [here](https://github.com/dbeaver/cloudbeaver/blob/devel/webapp/readme.md)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/cloudbeaver#1246
No description provided.