Questions tagged [webpack-hmr]
343 questions
4
votes
1 answer
create-react-app code changes behind nginx reverse proxy not reloading in browser
Ive installed a new CRA template and Im unable to see file changes reflect in the browser. Im reverse proxying React app through nginx using unmodfied CRA installation (unmodified apart from setting .env VAR PORT corresponding to standard nginx…
Laurence Fass
- 1,614
- 3
- 21
- 43
4
votes
1 answer
webpack 4 aspnetcore 2.2 HMR not reloading in browser
I'm unable to rule out a compatibility issue with aspnetcore 2.2 and webpack 4 or a configuration issue on my end.
I need some help spotting the configuration issue if that is the cause.
ASPNETCORE 2.2
WEBPACK 4
When I make a change to a ".tsx"…
proggrock
- 3,239
- 6
- 36
- 51
4
votes
4 answers
HMR is not updating the view with Angular CLI
I recently updated my angular app to the latest versions. And after a night of nightmares of bug, I got everything working except for HMR. I am badly stuck with it. Following are my configurations according to the the HMR Story on Angular CLI…
Metabolic
- 2,808
- 3
- 27
- 41
4
votes
2 answers
Webpack (4) hot module reloading fetches update manifest from malformed URI
When Webpack attempts to fetch the update JSON file, it fails with the console error message:
[HMR] Update failed: Error: Manifest request to https://subdomain.localhost23dae8e1865781c26fcd.hot-update.json timed out.
Note the omission of a slash…
Bin Ury
- 645
- 7
- 20
4
votes
0 answers
Dynamic Third-party Namespaced Module Loading with Yarn, Typescript and Webpack
I have an agnostic application that can serve any private side developed project in a sandboxed container.
Until now, I had no issue because all 3rd party modules (or bundle) were explicitly defined in my package.json and explicitly loaded in my…
lsagetlethias
- 328
- 2
- 14
4
votes
0 answers
HMR not working with `withStyle`
Using Material-UI's withStyle,
with the example bellow, when changing the color to blue, I see on the console that HMR is doing its job updating modules but the changes don't actually appear on screen, I have to reload the page.
If I add a style…
Maxime Binet
- 41
- 4
4
votes
1 answer
Electron + webpack + HMR net::ERR_FILE_NOT_FOUND
Context
I try to make a small app using Electron / Webpack / React. I'm at the beginning of my project - the dev setup. So forget React for now.
Problem
I can't make the webpack hot reload working with electron. It is triggering, but no changes are…
soywod
- 4,377
- 3
- 26
- 47
4
votes
1 answer
webpack 2 hot reload not rerender
I'm working on a Universal React project, my client entry point is:
import React from 'react'
import {render} from 'react-dom'
import {Provider} from 'react-redux'
import {AppContainer} from 'react-hot-loader'
import {Router, browserHistory}…
cl0udw4lk3r
- 2,663
- 5
- 26
- 46
4
votes
1 answer
HMR - Accepting multiple dependencies
The webpack documentation for the HMR API mentions the following method:
accept(dependencies: string[], callback: (updatedDependencies) => void) => void
I understand how I can accept a single dependency but am unsure how the callback for multiple…
helpermethod
- 59,493
- 71
- 188
- 276
4
votes
1 answer
When shouldn't you accept webpack Hot Module Reloading?
So with webpack, HMR will only work if you have this code in your module or a parent of your module:
if (module.hot) {
module.hot.accept()
}
Which makes me wonder why you would ever decline HMR in the first place. Is there a performance cost or…
m0meni
- 16,006
- 16
- 82
- 141
3
votes
2 answers
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 still get the script running but I get this error message…
Jo_hannes
- 43
- 3
3
votes
1 answer
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 localhost it doesn't give any warnings or problems.…
desarrollo 2
- 31
- 1
- 3
3
votes
0 answers
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 kind of data is need for…
AHOYAHOY
- 1,856
- 4
- 24
- 34
3
votes
0 answers
HMR does not work for some projects in nrwl nx
I have a react application with some libraries like a seperate UI components library configured with nx. HMR doesnt work for ui library project.
When I make a change to the components in the folder declared as projectType:"application" in…
trkaplan
- 3,217
- 2
- 23
- 26
3
votes
3 answers
Webpack hot reloading with laravel-mix in valet secured site SSL error
Am running Laravel Valet to host sites locally, and Laravel Mix to compile the assets and perform HMR using Webpack dev server
I secured the .dev site locally by
valet secure
No problem calling {{ mix('js/app.js') }} when running npm run watch
But…
Salim Djerbouh
- 10,719
- 6
- 29
- 61