Skip to content

[UI BUG] When I tried to build docker image๏ผŒit report error.ย #16

@WilliamRocketRen

Description

@WilliamRocketRen

๐Ÿ–ฅ๏ธ UI Bug Description:

  • What happened in the interface?
  • What did you expect to see instead?
  • Which part of the UI is affected?

๐Ÿ—๏ธ Meta Agents Research Environments Components Affected:

  • Playground
  • Scenarios

๐ŸŽฏ UI Bug Category:

  • ๐ŸŽจ Visual/Layout Issue (styling, positioning, responsive design)
  • ๐Ÿ–ฑ๏ธ Interaction Issue (buttons, forms, navigation not working)
  • ๐Ÿ“ฑ Responsiveness Issue (mobile, tablet, different screen sizes)
  • ๐Ÿ”„ Loading/Performance Issue (slow rendering, freezing)
  • ๐Ÿ“Š Data Display Issue (charts, tables, visualizations)
  • [ร—] ๐Ÿšจ Error Display Issue (error messages, notifications)

๐Ÿ“ธ Screenshots/Recordings

Visual Evidence:

Before/After (if applicable):

๐ŸŒ Browser & Environment Information

Browser Details:

  • Browser: [e.g., Chrome, Firefox, Safari, Edge]
  • Version: [e.g., 118.0.5993.88]
  • OS: [e.g., Windows 11, macOS 14, Ubuntu 22.04]

Screen Information:

  • Screen Resolution: [e.g., 1920x1080, 2560x1440]
  • Zoom Level: [e.g., 100%, 125%, 150%]
  • Device Type: [e.g., Desktop, Laptop, Tablet, Mobile]

Browser Extensions (if relevant):

๐Ÿ”„ Steps to Reproduce

Detailed Reproduction Steps:

  1. Navigate to '...'
  2. Click on '...'
  3. Enter '...' in the field
  4. Scroll to '...'
  5. Observe the bug

User Actions Leading to Bug:

๐ŸŽฏ Expected vs Actual Behavior

Expected UI Behavior:

Actual UI Behavior:

Impact on User Experience:

๐Ÿ” Additional UI Context

Data/Content Context:

UI State:

Console Errors (if any):

#24 [frontend-builder 7/7] RUN npm run build
#24 0.530 
#24 0.530 > are-simulation-client-vite-ts@0.0.0 build /app/are/simulation/gui/client
#24 0.530 > tsc -b && vite build
#24 0.530 
#24 0.603 /app/are/simulation/gui/client/node_modules/typescript/lib/_tsc.js:92
#24 0.603   for (let i = startIndex ?? 0; i < array.length; i++) {
#24 0.603                            ^
#24 0.603 
#24 0.603 SyntaxError: Unexpected token '?'
#24 0.603     at wrapSafe (internal/modules/cjs/loader.js:915:16)
#24 0.603     at Module._compile (internal/modules/cjs/loader.js:963:27)
#24 0.603     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
#24 0.603     at Module.load (internal/modules/cjs/loader.js:863:32)
#24 0.603     at Function.Module._load (internal/modules/cjs/loader.js:708:14)
#24 0.603     at Module.require (internal/modules/cjs/loader.js:887:19)
#24 0.603     at require (internal/modules/cjs/helpers.js:74:18)
#24 0.603     at Object.<anonymous> (/app/are/simulation/gui/client/node_modules/typescript/lib/tsc.js:8:18)
#24 0.603     at Module._compile (internal/modules/cjs/loader.js:999:30)
#24 0.603     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
#24 0.611 npm ERR! code ELIFECYCLE
#24 0.611 npm ERR! errno 1
#24 0.615 npm ERR! are-simulation-client-vite-ts@0.0.0 build: `tsc -b && vite build`
#24 0.615 npm ERR! Exit status 1
#24 0.615 npm ERR! 
#24 0.615 npm ERR! Failed at the are-simulation-client-vite-ts@0.0.0 build script.
#24 0.615 npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
#24 0.618 
#24 0.618 npm ERR! A complete log of this run can be found in:
#24 0.618 npm ERR!     /root/.npm/_logs/2025-10-21T03_23_26_207Z-debug.log
#24 ERROR: process "/bin/sh -c npm run build" did not complete successfully: exit code: 1
------
 > [frontend-builder 7/7] RUN npm run build:
0.611 npm ERR! code ELIFECYCLE
0.611 npm ERR! errno 1
0.615 npm ERR! are-simulation-client-vite-ts@0.0.0 build: `tsc -b && vite build`
0.615 npm ERR! Exit status 1
0.615 npm ERR! 
0.615 npm ERR! Failed at the are-simulation-client-vite-ts@0.0.0 build script.
0.615 npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
0.618 
0.618 npm ERR! A complete log of this run can be found in:
0.618 npm ERR!     /root/.npm/_logs/2025-10-21T03_23_26_207Z-debug.log
------

 1 warning found (use docker --debug to expand):
 - SecretsUsedInArgOrEnv: Do not use ARG or ENV instructions for sensitive data (ENV "ARE_SIMULATION_SSL_KEY_PATH") (line 51)
Dockerfile:17
--------------------
  15 |     RUN --mount=type=cache,target=/root/.npm NPM_CONFIG_CACHE=/root/.npm npm install
  16 |     COPY are/simulation/gui/client .
  17 | >>> RUN npm run build
  18 |     
  19 |     # Stage 2 - Python build
--------------------
ERROR: failed to solve: process "/bin/sh -c npm run build" did not complete successfully: exit code: 1
Open browser developer tools (F12) and paste any console errors here

Network Issues (if applicable):

๐Ÿ“Š Impact Assessment

Severity:

  • ๐Ÿ”ด Critical (UI completely unusable)
  • ๐ŸŸ  High (major functionality blocked)
  • ๐ŸŸก Medium (minor functionality impacted)
  • ๐ŸŸข Low (cosmetic issue)

User Impact:

  • Blocks core workflow
  • Makes feature difficult to use
  • Cosmetic but noticeable
  • Only affects edge cases

Frequency:

  • [ร—] Always happens
  • Happens most of the time
  • Happens sometimes
  • Happened once

๐Ÿ”ง Workaround

Available Workaround:

  • Yes (describe below)
  • No

Workaround Description:

๐ŸŒ Environment Details

Meta Agents Research Environments Version: [e.g., 1.0.0, commit hash, or branch name]
Deployment Type:

  • [ร—] Local development server
  • Production deployment
  • Docker container
  • Other: ___________

๐Ÿ“Ž Additional Context

  • Does this happen in other browsers?
  • Did this work before? When did it break?
  • Any recent changes to your setup?
  • Related issues or discussions

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions