Heerim Hong created ZEPPELIN-6052:
-------------------------------------
Summary: Frontend HMR(Hot Module Reload) is not working
Key: ZEPPELIN-6052
URL: https://issues.apache.org/jira/browse/ZEPPELIN-6052
Project: Zeppelin
Issue Type: Bug
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
Attachments: image-2024-08-11-13-26-43-784.png
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
# git clone latest code.
{code:java}
git clone https://github.com/apache/zeppelin.git{code}
# change directory to zeppelin-web
{code:java}
cd zeppelin-web{code}
# install dependencies
{code:java}
npm i{code}
# run dev mode
{code:java}
npm run dev{code}
# 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}
# you can check it doesn't update UI automatically. you should reload instead.
h3. Screenshots
!image-2024-08-11-13-26-43-784.png|width=677,height=357!
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
