Questions tagged [webpack-hmr]
The webpack-hmr tag has no usage guidance.
343
questions
-1
votes
0
answers
14
views
Hot Module Replacement in production
I'm building a web application where I need to make frequent changes to the code while the app is already in production. I'm generating code using an LLM. I want to make changes in a way that doesn't ...
0
votes
0
answers
27
views
VSCode, webpack, devServer, hot reload (HMR) and remote debugging - do I have to pick one?
I will paste what I hope are my relevant config files at the end, please let me know if I included too little (or too much, so I don't confuse future searchers). For context, I am debugging a complex, ...
0
votes
0
answers
64
views
Nuxt 3 HMR with Docker
Is HMR throw WSL on Docker working only with server.watch: { usePolling: true } option enabled. It's really make my CPU to be crazy.
Anyone try to switch to the Webpack intead of Vite to solve this ...
0
votes
1
answer
26
views
Is there any way in angular that do not clear the browser console log after HMR?
Sometimes, I really want to keep logs from the browser console.
Is there any way to do that?
0
votes
0
answers
24
views
HMR errors after migrating Vue CLI app to Vite 4 (Vue 2 application)
I migrated my Vue CLI (Vue 2) application to use Vite instead. It compiles without errors, but the HMR does not work.
Each time I make a change in my code, HMR prints an error in the browser console, ...
0
votes
0
answers
19
views
Angular Hot Module Replacement not working for proxied paths
I am trying to get Hot Module Replacement to work.
When running: npm install && ng build --configuration development && ng serve --hmr no error is thrown. However, all the paths ...
0
votes
0
answers
46
views
Hot reload not working with document.location = "custom"
I have a react webapp, which I loads in to an Android app via Web view. In my app, during the rendering, I call following line, which runs a custom method in the Android app.
document.location = 'app:...
0
votes
1
answer
273
views
Infinite HMR updates in React app created with Vite
I've stumbled upon an issue, of HMR infinitely updating a file when using hot reload mode in vite app. The file seems to be different every time. I've attached a screenshot of the issue below.
Vite-...
2
votes
0
answers
2k
views
SvelteKit: Unrecoverable HMR error in <+page>: next update will trigger a full reload
I am building a small website and in a page there are a form and a table that displays some query output based on the user input. On first loading, I have no problems because I inserted some code in ...
0
votes
1
answer
198
views
A couple of questions about Webpack HMR and how to use it in ReactJS application from scratch?
Currently, I have a task that integrating Webpack HRM into Single Spa application. So I have researched some articles about Webpack HRM and React Hot Loader or React Fast Refresh. I also read some ...
0
votes
0
answers
14
views
Angular@12 HMR apply in webConsole, but not apply in screen
My version is below and I followed this (exactly same) LINK
my angular version
BUT, HMR is applied only in Chrome Console (not refreshed)
screen is still refreshed...
Could you tell me the reason why ...
3
votes
1
answer
226
views
Issue with react-refresh-webpack-plugin and wordpress/scripts using --hot
I am not able to get the HMR with "wp-scripts start --hot" running. I tried this in several project, including rather empty projects.
As soon as I add the --hot flag to my npm script, I can ...
0
votes
1
answer
41
views
express deprecated and RangeError [ERR_HTTP_INVALID_STATUS_CODE] in React Project
With my React cruise ship project, on my reviews-part branch I am getting the following error when running npm run dev for the localhost.
It says that express is deprecated , what does this mean ?
It ...
1
vote
0
answers
40
views
Can Webpack HMR be used for updating externally loaded files?
My app loads a few different files at runtime that are NOT compiled/known by webpack. Language files (.json), some external css styles (.css).
When my app runs on webpack-dev-server, i'd like it to ...
3
votes
0
answers
106
views
Webpack-dev-server HMR not work when i add publicpath in output obj
Just like title, when I add publicPath property in output, the HMR(Hot module replacement) not work, and when I remove it, It can work correctly. And below is my webpack configuration:
output: {
...
0
votes
0
answers
95
views
How to use Vite HMR (Hot Module Replacement) for Node.js on backend
I'm wondering if there is a simple way to use Vite's Hot Module Replacement for a development server in Node.js (without using Express or any other framework, just plain Node.js). Just like webpack ...
5
votes
3
answers
941
views
webpack-dev-server not reloading
I am using webpack 5 and I currently have the following setup:
webpack.prod.js - where I have some specific configs for production (e.g. image compression, devtool, CSS minification, specific meta ...
0
votes
0
answers
173
views
Universal React: HMR for the backend (express.js)
i am been struggling for days, on this problem.
I am making an Universal React App with webpack 5.
I have enabled HMR on the client side by webpack-dev-middleware and webpack-hot-middleware
Now i want ...
2
votes
0
answers
2k
views
WebSocket connection to url/_next/webpack-hmr' failed
I am using next.js version 12 to deploy a webpage but when deployed it gives a warning in console
websocket.js?a9be:45 WebSocket connection to 'wss://eteaga.com/_next/webpack-hmr' failed:
In the ...
0
votes
1
answer
67
views
Customizing Hot Module Replacement with a webhook
I was curious if there is a way to modify HMR (in React/NextJs) to listen for webhooks. I'm doing some work in Contentful, and I have to reload the app every time I update Contentful. Contentful has ...
0
votes
0
answers
42
views
How to hot update a css file with webpack plugins
I am writing a plugins with which you can generate css by class name. Like so: class="w10" =>.w10{width:10vw}
I use RegExp to find specific class name in compilation.hooks.succeedModule ...
1
vote
0
answers
238
views
WebPack HMR - run code if HMR server is not found
I got this basic Javascript code which is compiled by webpack. I am using Hot Module Replacement for Styles and Javascript.
When I listen to https://localhost:3000/mypage everything works perfectly.
...
1
vote
1
answer
772
views
HMR not working (Parcel, Webpack 5) in WSL2/Ubuntu 22.04 [closed]
HMR is not working under WSL2.
It's not reloading. I have a pretty normal setup of sass and parceljs. The problem is that, when I make a change in a sass file, it doesn't reload. It doesn't recompile,...
0
votes
0
answers
622
views
Storybook re-renders story after receiving MSW response
When I trigger requests to the backend within a Storybook story, the story is re-rendered after receiving the response from Mock Service Worker (MSW). How can I prevent the re-rendering from happening?...
0
votes
1
answer
429
views
Hot Module Replacement always full reload
HMR always full reload everytime I change something in index.js. The only clue I got is it has something to do with module.hot.accept(), but I'm new to webpack and reading the very technical docs ...
0
votes
1
answer
694
views
Detect HMR event with ViteJS React/SolidJS
Using ViteJS starter for React / SolidJS,
How can I detect (using some sort of js callback) before HMR reload is triggered by code changes? (to do some cleanup)
To be clear, I'm not asking how to use ...
0
votes
0
answers
29
views
Tap into Webapck HotModuleReload or LiveReload runtime hook
Is there anyway to tap into a HotModuleReload or LiveReload runtime hook, so every time new chunk/build is ready some code can run in the browser?
1
vote
1
answer
7k
views
Vitejs: WebSocket connection to 'wss://host:port/' failed due to HMR
I deployed a Vue page with Docker and Kubernetes and it is working. However, even though I disabled HMR, Vite keeps refreshing after an error:
WebSocket connection to 'wss://dashboard.default.io:8181/...
0
votes
1
answer
653
views
Laravel Mix HMR Server Does Not Launch
Laravel Mix Version: 6.0.43
Node Version (node -v): 16.13.1
NPM Version (npm -v): 8.1.2
OS: Windows 10 21h2
Description:
THIS IS HAPPENING ON A FRESH NEW INSTALL OF LARAVEL AND MY OTHER PROJECTS
...
2
votes
0
answers
313
views
webpack-dev-server HMR not working, "hot-update" files fetched from the wrong port
I'm using HMR/livereload with webpack-dev-server on port 9000, but it's fetching update files from the webserver port. This causes it to force a full page reload. At the beginning of development, this ...
1
vote
0
answers
151
views
Socket.io client flooding polling requests on webpack-dev-server, works fine on react-scripts
I currently have a socket.io server for java connecting to two different socket.io client applications. One is running on react-scripts and another is on webpack-dev-server. The socket connection ...
0
votes
0
answers
64
views
Cannot acces HMR compiled files using webpack-encore and docker
I'm trying to make my app accessible when compiled with webpack-encore in HMR mode.
I'm using docker and node 12.
I've disabled host checks I also tried forwarding ports 8080 but with no luck
Here's ...
0
votes
1
answer
294
views
Next.js Hot Module Remplacement issue in SSH,
I'm currently working on a Next.js project from an SSH connection (I need to work in SSH because of cookie issues with my the api requests).
I also use Docker to build an image for react and a web ...
0
votes
1
answer
543
views
Webpack HMR for Node.js
I use webpack to bundle my nodejs code. As well known, we could use webpack-dev-server to build an environment for dev, so how about nodejs? I know nodemon can work, but it restart the whole project, ...
0
votes
1
answer
130
views
HMR's publicHost option not taken into account
For the background
I was writting a .NET Core 2.2/Angular 7 app for a while, with HMR set and working.
I wanted to profile that app using the Angular DevTools plugin and, to do so, needed to update to ...
2
votes
1
answer
622
views
Nuxt - How can I remove the [HMR] logs from the console
With nuxt, every time I save any of my files, my console gets flooded with [HMR] messages. Often cluttering up most of the log levels, making it hard to see actual console output.
One of few ...
0
votes
0
answers
344
views
how to register custom aframe components in quasar based app?
i try to use Aframe in combination with quasar (that is build on vue.js).
in Aframe i can add custom components with AFRAME.registerComponent
currently i use a vue-component to do this. and basically ...
2
votes
1
answer
624
views
Shopware 6 Hot Module Reloading in Production mode does not reload compiled files
I am using the production version of Shopware 6.4.7 with my own custom theme installed and activated. When I start the watcher via bin/watch-storefront.sh the live reload server seems to start ...
0
votes
1
answer
309
views
Is there a way to prevent vue hot reload from making too many API calls?
I'm new to vue and I just started working on my first project.
In my main component, I have a fetch request to an (limited) API endpoint on page load. Every time I make changes to my code, the page ...
3
votes
0
answers
584
views
compile Vue 3 component for HMR
vuejs/vue-hot-reload-api for Vue2 accept simple object with component options.
Vue3 have built-in HMR support and it needs a different approach. I can't figure out how properly update component.
What ...
0
votes
1
answer
908
views
New Setup with Webpack 5 and Dev-Server and HMR thrown Error in Browser-Console
I updated my setup and with the new modules my HOT reloading no longer works.
I get the following error message:
index.js:548 [webpack-dev-server] Live Reloading enabled.
index.js:548 [webpack-dev-...
2
votes
0
answers
249
views
MVC 5 with Angular 11 hot reloading
I'm trying to setup hot reloading for an ASP.NET MVC 5 application along with Angular 11.
What I have already achieved:
I'm referring to application bundles in Index.cshtml like this:
I'm hosting ...
2
votes
0
answers
483
views
How webpack HotModuleReplacementPlugin works and what does it do?
(I'm not good at English, if there is any problem that I did not describe clearly, please remind me to modify),
I often see some questions or articles about why webpack hmr does not work or why my ...
2
votes
0
answers
946
views
Webpack Hot Module Replacement with NestJS within Docker is slower than rebuilding the entire project using Nest-CLI
My Docker+NestJS+Webpack development environment is not running as efficiently as I would like.
Current behavior
Using Webpack with Hot Module Replacement Plugin is slower than using Nest-CLI with ...
4
votes
1
answer
710
views
WebPack Hot Reload not working for HTML files
I'm able to use hot module replacement in webpack for my JS and SCSS files and it works fine, but I am having issues when trying to hot reload for html files. Another option that has worked for me is ...
3
votes
1
answer
2k
views
hot-update.json 404 (Not Found) triggered randomly when saving a file in a webpack project
Randomly, when I save a file within my webpack project while running webpack serve (I work with Vscode and the automatic saving is activated), the HMR will throw me the error hot-update.json 404 (Not ...
0
votes
1
answer
234
views
React Hot Module Replacement not loading styles
I'm having some issues with HMR where its successfully reloading every time I make changes to either one of my jsx files or even my css files. However, the reload loads the pages with none of my ...
1
vote
1
answer
2k
views
HMR/Live Reload with Webpack 5 Dev Server
I am trying to get the HMR/Live reload feature of webpack to work but while 'watching' files seems to work, the refresh of the browser won't happen.
const path = require('path');
const ...
1
vote
0
answers
509
views
Webpack HMR does not work with `localhost`, only with `--host=[::1]`
It all started when I tried to use the hot reload for storybook, which worked fine on my Macbook, but for whatever reason didn't work on my Windows machine.
I always got a request to __webpack_hmr ...
1
vote
1
answer
1k
views
Nuxt Firefox console errors webpack hmr
I just made a brand new project with Nuxt using the npx create-nuxt-app command.
This error might not be related to Nuxt it self but its really annoying to have it in all my nuxt projects and I ...