Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Submit feedback
    • Contribute to GitLab
  • Sign in
F
finwise-miniapp-fe
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 0
    • Issues 0
    • List
    • Board
    • Labels
    • Milestones
  • Merge Requests 0
    • Merge Requests 0
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • ThinhNC
  • finwise-miniapp-fe
  • Merge Requests
  • !2

Merged
Opened Aug 10, 2026 by ThinhNC@ThinhNC
  • Report abuse
Report abuse

fix(frontend): resolve ZMP black screen

Summary

  • Fixed the black screen displayed when opening the frontend in the Zalo Mini App simulator.
  • Moved index.html from src/ to the repository root.
  • Removed the custom Vite root: "./src" configuration.
  • Updated the application entry path to /src/app.ts.
  • Ensured production builds are generated in the root-level www/ directory.
  • Updated .agents documentation to reflect the current project structure, authentication flow, and development workflow.

Root Cause

ZMP CLI starts Vite using the repository root. The previous configuration placed index.html under src/ while also overriding the Vite root.

As a result, the simulator frame loaded successfully on port 3000, but the application iframe on port 2999 returned HTTP 404, producing a blank or black screen.

Check out, review, and merge locally

Step 1. Fetch and check out the branch for this merge request

git fetch origin
git checkout -b fix/zmp-black-screen origin/fix/zmp-black-screen

Step 2. Review the changes locally

Step 3. Merge the branch and fix any conflicts that come up

git fetch origin
git checkout origin/develop
git merge --no-ff fix/zmp-black-screen

Step 4. Push the result of the merge to GitLab

git push origin develop

Note that pushing to GitLab requires write access to this repository.

Tip: You can also checkout merge requests locally by following these guidelines.

  • Discussion 0
  • Commits 1
  • Changes 6
Assignee
No assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
0
Labels
None
Assign labels
  • View project labels
Reference: ThinhNC/finwise-miniapp-fe!2

Revert this merge request

This will create a new commit in order to revert the existing changes.

Switch branch
Cancel
A new branch will be created in your fork and a new merge request will be started.

Cherry-pick this merge request

Switch branch
Cancel
A new branch will be created in your fork and a new merge request will be started.