Uploaded image for project: 'Zeppelin'
  1. Zeppelin
  2. ZEPPELIN-6052

Frontend HMR(Hot Module Reload) is not working

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Major
    • Resolution: Duplicate
    • None
    • None
    • None
    • None

    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 -

      Attachments

        1. image-2024-08-11-13-26-43-784.png
          10.53 MB
          Heerim Hong

        Activity

          People

            henry-hong Heerim Hong
            henry-hong Heerim Hong
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Time Tracking

                Estimated:
                Original Estimate - 48h
                48h
                Remaining:
                Remaining Estimate - 48h
                48h
                Logged:
                Time Spent - Not Specified
                Not Specified