Questions tagged [webpack-hmr]
343 questions
6
votes
3 answers
Can I use webpack's hot module reloading with sailsjs?
I'm working on a project using sails.js and react. I'd like to be able to use Webpack's hot module replacement so I can edit my code and have it change on the browser instantly. However, it doesn't seem obvious how I can wire it all up.
I'd like to…
Jordan
- 986
- 9
- 13
5
votes
3 answers
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 tags values)
webpack.dev.js - where I have some…
nobitta
- 195
- 1
- 11
5
votes
1 answer
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 adding property of "watchContentBase: true" to my…
ewcoder
- 242
- 3
- 14
5
votes
0 answers
How to enable Hot Module Replacement with Create React App + Redux
I would like to enable Hot Module Replacement in my Web App, so I can speed up my development time.
I followed this article: https://duske.me/setting-up-hot-module-replacement-with-create-react-app-and-redux/
And i re-wrote my index.js
import…
DaMatt91
- 544
- 1
- 7
- 18
5
votes
1 answer
Can an Angular 7/1.x hybrid app support HMR?
I'm trying to implement HMR on hybrid angular application using downgradeModule strategy and it just fails. I came here from another issue Can an Angular 5/1.x hybrid app support HMR? because there is no accepted answer and @scipper answer can't…
nickbullock
- 6,424
- 9
- 27
5
votes
0 answers
difference between webpack 4 Hot Module Replacement and react-hot-loader
Implementing Hot Module Repacement using webpack 4 example works perfectly, and my react component are rendering smoothly as well.
However in the webpack documentation at the end, there is mentioning of react-hot-loader.
Can any one explain the…
rosnk
- 1,068
- 1
- 14
- 36
5
votes
2 answers
Ignored an update to unaccepted module
The console outputs Ignored an update to unaccepted module error, how to fix it?
log.js:25 Ignored an update to unaccepted module ./src/print.js -> 1
log.js:25 [HMR] The following modules couldn't be hot updated: (They would need a full…
Sam Yang
- 559
- 2
- 6
- 10
5
votes
0 answers
Enable Console.log Output To Webpack When Using HMR
I am using Webpack's HMR.
When I run webpack from the Terminal, I get all of Weback's own output, but any of my own logging within the application is only written to the browser console and not to webpack's output in the Terminal (I am using…
Undistraction
- 42,754
- 56
- 195
- 331
5
votes
0 answers
How to generate a module from a webpack plugin and hot replace it
I’m trying to write a webpack plugin for https://github.com/martinandert/babel-plugin-css-in-js, with the following 2 requirements during development:
I don’t want a file to be written to disk, but instead have webpack-dev-server host the file…
alloy
- 20,908
- 2
- 30
- 40
5
votes
1 answer
Webpack - typescript hot module reloading [awesome-typescript-loader]
I'm trying to add hot module reloading into my typescript project. I have the following settings:
package.json
"start": "webpack-dev-server"
tsconfig.js
{
"compilerOptions": {
"outDir": "/public/",
"target": "es5",
…
jezikk
- 111
- 2
- 9
5
votes
0 answers
Webpack Hot Reload with Angular2?
I'm having the strangest issue with webpack hot reload middleware and angular 2.. I have a simple index.html that does
XeroxDucati
- 5,130
- 2
- 37
- 66
5
votes
2 answers
React Developer Tools says 'Proxy Component' instead of the name of the component
I am using Webpack with Hot Module Reloading. I also use the chrome extension React Developer Tools to inspect the react tree while developing. When I inspect the page and look at the component tree, I would like to see the name of the actual…
fresh5447
- 1,242
- 3
- 14
- 27
5
votes
0 answers
How to get webpack hot module replacement (react-hot-loader) working when proxying own socket.io server
I have a node express app that is using socket.io.
This app is proxied through webpack's dev server as I want to use hot module replacement in the client side react app (which communicates back to the socket code on the node app.)
If I add my…
Nick Meldrum
- 1,141
- 1
- 10
- 27
4
votes
1 answer
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 Found).
This error will loop infinitely and the…
Emka
- 63
- 2
- 8
4
votes
1 answer
Running ng server with --hmr still causes page to reload on changes
I just upgraded my application to Angular ^11.0.2 and wanted to try the --hmr option on the CLI. From the CLI it looks like it is enabled though when performing a change to a page it is still completely refreshed in the browser.
When compiling the…
Nicholas
- 1,189
- 4
- 20
- 40