Heerim Hong created ZEPPELIN-6053:
-------------------------------------
Summary: [FRONT-BUILD] Frontend HMR(Hot Module Reload) is not
working
Key: ZEPPELIN-6053
URL: https://issues.apache.org/jira/browse/ZEPPELIN-6053
Project: Zeppelin
Issue Type: Sub-task
Components: zeppelin-web
Affects Versions: 0.11.1
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)|
Reporter: Heerim Hong
Assignee: Heerim Hong
h3. 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!
h3. Reproduction
1. git clone latest code.
{code:java}
git clone https://github.com/apache/zeppelin.git{code}
2. change directory to zeppelin-web
{code:java}
cd zeppelin-web{code}
3. install dependencies
{code:java}
npm i{code}
4. run dev mode
{code:java}
npm run dev{code}
5. modify any codes you want to see the change (I'd recommend <H1/> simply)
{code:java}
1. move to zeppelin-web/src/app/home.html
2. change any html codes you can easily detect{code}
6. you can check it doesn't update UI automatically. you should reload instead.
h3. Screenshot
!image-2024-08-11-13-26-43-784.png|width=677,height=357!
h3. 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|-|
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
