OpenCut-app / OpenCut-app/OpenCut

[BUG]

Open
#721 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
89.8k
Forks
8.9k
PR merge metrics
No merged PRs in 30d

Description

Platform

Ubuntu 24.04

Browser

Brave

Current Behavior

I am trying to run Opencut on a small VM. I have installed Bun and Docker Compose as per the prerequisites.

It's failing to work when run through Bun or Docker Compose.

Docker Compose Error:

18 | RUN bun install

19 |

20 | >>> COPY apps/web/ apps/web/

21 | COPY packages/env/ packages/env/

22 | COPY packages/ui/ packages/ui/


failed to solve: cannot replace to directory /var/lib/docker/buildkit/containerd-overlayfs/cachemounts/buildkit2261764004/app/apps/web/node_modules/zod with file

#########

Bun Error:

@opencut/web:dev: Attention: Next.js now collects completely anonymous telemetry regarding usage.
@opencut/web:dev: This information is used to shape Next.js' roadmap and prioritize features.
@opencut/web:dev: You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
@opencut/web:dev: https://nextjs.org/telemetry
@opencut/web:dev:
@opencut/web:dev: ✓ Ready in 2.1s
@opencut/web:dev: ○ Compiling / ...
@opencut/web:dev: ⨯ Error [ZodError]: [
@opencut/web:dev: {
@opencut/web:dev: "code": "invalid_format",
@opencut/web:dev: "format": "url",
@opencut/web:dev: "path": [
@opencut/web:dev: "MODAL_TRANSCRIPTION_URL"
@opencut/web:dev: ],
@opencut/web:dev: "message": "Invalid URL"
@opencut/web:dev: }
@opencut/web:dev: ]
@opencut/web:dev: at module evaluation (file:/home/leanserver/opencut/OpenCut/packages/env/src/web.ts:34:36)
@opencut/web:dev: at module evaluation (file:/home/leanserver/opencut/OpenCut/apps/web/src/app/layout.tsx:8:1)
@opencut/web:dev: at module evaluation (.next/dev/server/chunks/ssr/[root-of-the-server]__56f0c017..js:10:47)
@opencut/web:dev: at processTicksAndRejections (null)
@opencut/web:dev: 32 | export type WebEnv = z.infer;
@opencut/web:dev: 33 |
@opencut/web:dev: > 34 | export const webEnv = webEnvSchema.parse(process.env);
@opencut/web:dev: | ^
@opencut/web:dev: 35 |
@opencut/web:dev: ⨯ Error [ZodError]: [
@opencut/web:dev: {
@opencut/web:dev: "code": "invalid_format",
@opencut/web:dev: "format": "url",
@opencut/web:dev: "path": [
@opencut/web:dev: "MODAL_TRANSCRIPTION_URL"
@opencut/web:dev: ],
@opencut/web:dev: "message": "Invalid URL"
@opencut/web:dev: }
@opencut/web:dev: ]
@opencut/web:dev: at module evaluation (file:/home/leanserver/opencut/OpenCut/packages/env/src/web.ts:34:36)
@opencut/web:dev: at module evaluation (file:/home/leanserver/opencut/OpenCut/apps/web/src/app/layout.tsx:8:1)
@opencut/web:dev: at module evaluation (.next/dev/server/chunks/ssr/[root-of-the-server]__56f0c017.
.js:10:47)
@opencut/web:dev: at processTicksAndRejections (null)
@opencut/web:dev: 32 | export type WebEnv = z.infer;
@opencut/web:dev: 33 |
@opencut/web:dev: > 34 | export const webEnv = webEnvSchema.parse(process.env);
@opencut/web:dev: | ^
@opencut/web:dev: 35 | {
@opencut/web:dev: page: '/'
@opencut/web:dev: }
@opencut/web:dev: ⨯ Error: Failed to load external module next/dist/compiled/next-server/pages-turbo.runtime.dev.js: Error: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:
@opencut/web:dev: - react: 19.2.0
@opencut/web:dev: - react-dom: 19.2.4
@opencut/web:dev: Learn more: https://react.dev/warnings/version-mismatch
@opencut/web:dev: at module evaluation (.next/dev/server/chunks/ssr/[externals]__e6a4d965..js:22:35)
@opencut/web:dev: at (.next/dev/server/pages/document.js:4:3)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at processTicksAndRejections (null)
@opencut/web:dev: Error [ZodError]: [
@opencut/web:dev: {
@opencut/web:dev: "code": "invalid_format",
@opencut/web:dev: "format": "url",
@opencut/web:dev: "path": [
@opencut/web:dev: "MODAL_TRANSCRIPTION_URL"
@opencut/web:dev: ],
@opencut/web:dev: "message": "Invalid URL"
@opencut/web:dev: }
@opencut/web:dev: ]
@opencut/web:dev: at module evaluation (file:/home/leanserver/opencut/OpenCut/packages/env/src/web.ts:34:36)
@opencut/web:dev: at module evaluation (file:/home/leanserver/opencut/OpenCut/apps/web/src/app/layout.tsx:8:1)
@opencut/web:dev: at module evaluation (.next/dev/server/chunks/ssr/[root-of-the-server]__56f0c017.
.js:10:47)
@opencut/web:dev: at processTicksAndRejections (null)
@opencut/web:dev: 32 | export type WebEnv = z.infer;
@opencut/web:dev: 33 |
@opencut/web:dev: > 34 | export const webEnv = webEnvSchema.parse(process.env);
@opencut/web:dev: | ^
@opencut/web:dev: 35 | {
@opencut/web:dev: page: '/'
@opencut/web:dev: }
@opencut/web:dev: ⨯ Error: Failed to load external module next/dist/compiled/next-server/pages-turbo.runtime.dev.js: Error: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:
@opencut/web:dev: - react: 19.2.0
@opencut/web:dev: - react-dom: 19.2.4
@opencut/web:dev: Learn more: https://react.dev/warnings/version-mismatch
@opencut/web:dev: at module evaluation (.next/dev/server/chunks/ssr/[externals]__e6a4d965.
.js:22:35)
@opencut/web:dev: at (.next/dev/server/pages/_document.js:4:3)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at processTicksAndRejections (null)
@opencut/web:dev: Error: Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:
@opencut/web:dev: - react: 19.2.0
@opencut/web:dev: - react-dom: 19.2.4
@opencut/web:dev: Learn more: https://react.dev/warnings/version-mismatch
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at anonymous (null)
@opencut/web:dev: at processTicksAndRejections (null)
@opencut/web:dev: GET / 500 in 6.1s (compile: 4.6s, proxy.ts: 187ms, render: 1244ms)
@opencut/web:dev: GET / 500 in 6.1s (compile: 4.6s, proxy.ts: 187ms, render: 1244ms)
^C ...Finishing writing to cache...

It runs with Bun, but I do get the following error logs and Error 400 in my browser.

Expected Behavior

Follow the installation steps and use the app

Recurrence Probability

Always

Steps To Reproduce
  1. Install Bun.
  2. Install Docker & Docker Compose
  3. Follow installation instructions.
  4. Run with Bun or Docker Compose
  5. Get separate errors for each.
Anything else?

No response

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing both paths from the installation instructions on Ubuntu 24.04, then inspect the Docker build step around the COPY apps/web/ line and the runtime stack at packages/env/src/web.ts:34 and apps/web/src/app/layout.tsx. Determine which reported failures are installation, environment validation, or dependency-version issues; done means the documented setup starts the app without these errors and the browser request succeeds.

Written by the indexing model from the issue text.

Assessment

Tech stack
bun, docker, docker-compose, nextjs, react, typescript
Domain
build-system, devops, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.