[ZEPPELIN-6053] [FRONT-BUILD] Frontend HMR(Hot Module Reload) is not working

• Type: Sub-task
• Status: Resolved
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: 0.11.1
• Fix Version/s: 0.12.0
• Component/s: zeppelin-web
• Labels: ossca2024

Environment

Google Chrome

127.0.6533.89 (Official build) (arm64)

Revision	3625eb10aeea40ce8f6048f71dcb5d994b87981d-refs/branch-heads/6533@{#1847}
OS	macOS Version 14.5 (Build 23F79)
JavaScript	V8 12.7.224.16
User-Agent	Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko)

• Assignee: Heerim Hong
• Reporter: Heerim Hong
• Created: 11/Aug/24 05:33
• Updated: 23/Aug/24 13:45
• Resolved: 23/Aug/24 13:45

Description

Description

Currently, zeppelin-web uses Webpack for its build tools.

Webpack offers great features like webpack-dev-server hot module replacement, which significantly eases development by automatically updating the UI in response to code changes.

Unfortunately, it seems that hot module replacement isn’t working at the moment. This impacts the developer experience, especially on the frontend side.

We hope this issue gets resolved as soon as possible and look forward to welcoming new frontend contributors!

Reproduction

1. git clone latest code.

git clone https://github.com/apache/zeppelin.git

2. change directory to zeppelin-web

cd zeppelin-web

3. install dependencies

npm i

4. run dev mode

npm run dev

5. modify any codes you want to see the change (I'd recommend <H1/> simply)

1. move to zeppelin-web/src/app/home.html
2. change any html codes you can easily detect

6. you can check it doesn't update UI automatically. you should reload instead.

 

Screenshot

 

Systems

Google Chrome	127.0.6533.89 (Official build) (arm64)
Revision	3625eb10aeea40ce8f6048f71dcb5d994b87981d-refs/branch-heads/6533@{#1847}
OS	macOS Version 14.5 (Build 23F79)
JavaScript	V8 12.7.224.16
User-Agent	Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko)

 

Arc Browser	Arc Browser (Version 1.51.0, Chromium 126.0.6478.127)
Revision	-
OS	macOS
JavaScript	-
User-Agent	-

Issue Links

• links to: GitHub Pull Request #4787