Questions tagged [webpack-hmr]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
-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, ...
  • 3,208
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 ...
  • 175
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?
  • 236
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 ...
  • 91
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-...
  • 1
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 ...
  • 89
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 ...
  • 41
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 ...
  • 195
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 ...
  • 1,624
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. ...
  • 654
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?...
  • 422
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 ...
  • 94
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 ...
  • 4,863
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?
  • 23.1k
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 ...
  • 420
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, ...
  • 358
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 ...
  • 1,615
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 ...
  • 4,087
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 ...
  • 135
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 ...
  • 2,144
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 ...
  • 135
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 ...
  • 2,549
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 ...
  • 202
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 ...
  • 43
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,352
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 ...
  • 4,963
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 ...
  • 593

1
2 3 4 5
7