[GH-ISSUE #2038] [bug]: page style not correct when serve dist of `yarn generate` #664

New issue

Closed

opened 2026-03-16 16:35:22 +03:00 by kerem · 3 comments

kerem commented

2026-03-16 16:35:22 +03:00

Owner

Originally created by @liudonghua123 on GitHub (Dec 23, 2021).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2038

Is there an existing issue for this?

I have searched the existing issues

Current behavior

I just clone the latest code, following the guidence, then execute yarn generate and serve packages\hoppscotch-app\dist, open browser to navigate http://localhost:3000/.

If I checkout v2.1.0, then the styles are ok.

Steps to reproduce

git clone https://github.com/hoppscotch/hoppscotch
cd hoppscotch
npm install -g pnpm serve
pnpm install
cp packages/hoppscotch-app/.env.example packages/hoppscotch-app/.env
yarn generate
serve packages\hoppscotch-app\dist
browser http://localhost:3000/

Environment

Production

Version

Local

Originally created by @liudonghua123 on GitHub (Dec 23, 2021). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2038 ### Is there an existing issue for this? - [X] I have searched the existing issues ### Current behavior I just clone the latest code, following the guidence, then execute `yarn generate` and `serve packages\hoppscotch-app\dist`, open browser to navigate http://localhost:3000/. ![image](https://user-images.githubusercontent.com/2276718/147200595-302bf00b-b7f4-4a70-8efe-603eaf8df83a.png) ![image](https://user-images.githubusercontent.com/2276718/147200556-538c0f38-863c-4a54-aa3b-eb33ad4f8143.png) If I checkout v2.1.0, then the styles are ok. ### Steps to reproduce 1. git clone https://github.com/hoppscotch/hoppscotch 2. cd hoppscotch 3. npm install -g pnpm serve 4. pnpm install 5. cp packages/hoppscotch-app/.env.example packages/hoppscotch-app/.env 6. yarn generate 7. serve packages\hoppscotch-app\dist 8. browser http://localhost:3000/ ### Environment Production ### Version Local

kerem

2026-03-16 16:35:22 +03:00

closed this issue
added the
bug

need testing

not reproducible
labels

kerem commented

2026-03-16 16:35:38 +03:00

Author

Owner

@liyasthomas commented on GitHub (Dec 23, 2021):

Seems like only the sidebar component is broken - not the pages. Can you check if this happens in other browsers (Chrome, Firefox) as well?

cc: @AndrewBastin can you see if this issue persists on Edge's latest version?

@liyasthomas commented on GitHub (Dec 23, 2021): Seems like only the sidebar component is broken - not the pages. Can you check if this happens in other browsers (Chrome, Firefox) as well? cc: @AndrewBastin can you see if this issue persists on Edge's latest version?

kerem commented

2026-03-16 16:35:43 +03:00

Author

Owner

@liyasthomas commented on GitHub (Dec 23, 2021):

@liudonghua123, we tried reproducing the issue but yarn generate produced dist folder was working as expected. I suggest you delete the current dist folder and re-run pnpm run build from the root folder. And see if the issue persists or not.

@liyasthomas commented on GitHub (Dec 23, 2021): @liudonghua123, we tried reproducing the issue but `yarn generate` produced dist folder was working as expected. I suggest you delete the current `dist` folder and re-run `pnpm run build` from the root folder. And see if the issue persists or not.

kerem commented

2026-03-16 16:35:49 +03:00

Author

Owner

@liudonghua123 commented on GitHub (Dec 27, 2021):

@liyasthomas Thanks, I tried to remove all the node_modules, /.pnpm-store, packages/hoppscotch-app/dist and tried pnpm install/pnpm run generate again, it seemed ok now. Maybe the files in my node_modules are corrupted.

@liudonghua123 commented on GitHub (Dec 27, 2021): @liyasthomas Thanks, I tried to remove all the `node_modules`, `/.pnpm-store`, `packages/hoppscotch-app/dist` and tried `pnpm install`/`pnpm run generate` again, it seemed ok now. Maybe the files in my node_modules are corrupted.

kerem referenced this issue

2026-03-17 00:27:18 +03:00

[PR #664] [MERGED] Improving performance #2780