mirror of
https://github.com/open-webui/open-webui.git
synced 2026-07-21 17:29:50 -05:00
something strange when developing:can't enable HMR #2437
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: github-starred/open-webui#2437
Reference in New Issue
Block a user
Originally created by @maru7777 on GitHub (Oct 23, 2024).
Feature Request
Important: Before submitting a feature request, please check whether a similar issue or feature request has already been posted in the Issues or Discussions section. It's likely we're already tracking it. In case of uncertainty, initiate a discussion post first. This helps us all to efficiently focus on improving the project.
Let's collaborate respectfully. If you bring negativity, please understand our capacity to engage may be limited. If you're open to learning and communicating constructively, we're more than happy to assist you. Remember, Open WebUI is a volunteer-driven project maintained by a single maintainer, supported by our amazing contributors who also manage full-time jobs. We respect your time; please respect ours. If you have an issue, We highly encourage you to submit a pull request or to fork the project. We actively work to prevent contributor burnout to preserve the quality and continuity of Open WebUI.
Is your feature request related to a problem? Please describe.
when i try to develpoe , i find something wierd
when i follow 'Delelopement guide'
it use
npm run dev,but after start backend ,it shows'serving API only','can not find build ',that means i don't build it and backend can only offer api,but no UI interface
if you go to http://127.0.0.1:8080/ it will say:
if you go to http://127.0.0.1:8080/docs ,it will show normally
go to ttp://localhost:5174/ it can show UI but redirect to ttp://localhost:5174/error
so i keep find and find another guide in 'updating Open webUI'
it shows
the difference is npm run dev/build
this time after i run npm run build ,there will be a build forder in root path, and everthing seemsto be fine
so i think this is wierd
and after reading some code i change some code and want see what changes
this time , i find another issuse:
if i run 'npm run build', i think it will immediately restart the page , update it and show my change,
only after run
npm run buuld,it takes 3min,and then i can see my code really changebut if you run
npm run dev,this can't apply your modification immediately, it is wierd that vite.js support hot update / hmr like next.js vue.js, every framework if you change anything the framework will reload the page immediately and you can see the change,andnpm run devshould be the right instruction to enable this feathureand if you only run
npm run devand you accessttp://localhost:5174/,it will remind you you can't use 'only front mode',even you have already start backend'"Oops! You're using an unsupported method (frontend only). Please serve the WebUI from the backend'
run
npm run buildwill take effect but it takes so much time evey time,now i can only use this way to apply my changenow only after run 'npm run build' can we see the UI :the python code will alse detect if you have build folder,if you don't have build folder it will not mount the webui
any idea?
Describe the solution you'd like
i hope i can develope code under
npm run dev' wtihout running 'npm run build, i hope to see my code change immediately,not build eveytime ,it helps developingi hope we don't need to build it every time
and now only after run 'npm run build' can we see the UI, the guide may need some change to make this more clear
Describe alternatives you've considered
i am not familiar with this project,maybe we should not use Pyodide in the front end?
Additional context
can anyone can give some ideas on how to enable Hot Module Replacement (HMR)? i tried