Stack Overflow
Stack Overflow

Questions tagged [webpack-hmr]

343 questions
7
votes
1 answer

React Hot Reload with Redux

I've gotten everything working with HMR / React Hot Reloader as it pertains to views. But after adding redux, react-redux, etc ... anytime I modify a view or reducer I get the following error: does not support changing `store` on the fly.…
Jack
  • 9,156
  • 4
  • 50
  • 75
7
votes
0 answers

Webpack Hot Module Replacement: Cannot find update

I've set up a Webpack project with 2 entries. I can connect to the dev server and there are no error messages. Though, when I change one of the entry files, Webpack recompiles (without any errors), the client notices and tries to fetch a JSON, which…
Voakie
  • 169
  • 1
  • 1
  • 7
7
votes
1 answer

Webpack HMR Throws React syntheticEvent Error Due To jsPDF

SYSTEM INFO: OSX 10.12.4 Sierra Node v7.10.0 npm v4.2.0 BROWSERS TESTED: Chrome 58.0.3029.110 Safari 10.1 Firefox 53.0 THE PROBLEM: I have an app running effectively in production that I've cloned and am attempting to update in preparation for…
Zfalen
  • 878
  • 6
  • 20
7
votes
2 answers

How to output .html to disk using Webpack-dev-server and HTML-webpack-plugin

I use webpack and html-webpack-plugin to update my index.html file with the generated script bundle, such as bundle.[hash].js. Then I have to run webpack-dev-server so I can load that bundle into memory and take advantage of Hot Module…
TetraDev
  • 16,074
  • 6
  • 60
  • 61
7
votes
1 answer

Unable to modify component props from React DevTools for Chrome

I am developing a React application and have setup webpack to package my code into bundles. However when I load my application in Chrome with React DevTools and try to modify the props of a component via the extension, it is not changing the value…
codematix
  • 1,317
  • 1
  • 16
  • 30
7
votes
1 answer

Getting webpack hot updating to work correctly in my isomorphic web app

I'm creating a webapp with a node/express backend and a react frontend. I got (I think) most of it up and running, but the last step of getting the browser to perform a hot refresh does not work as intended. I'll try to post all the relevant setup…
Øyvind Bråthen
  • 59,338
  • 27
  • 124
  • 151
6
votes
1 answer

Webpack 5 HMR issue - Cannot read property 'updatedChunkIds' of undefined

I've tried to add a HMR into my webpack 5 config and got a nasty error. First time it compiles properly, but when it comes to recompiling after code changes - it breaks with HookWebpackError: Cannot read property 'updatedChunkIds' of undefined. If I…
Natalia Davydova
  • 728
  • 7
  • 22
6
votes
1 answer

TypeError: Cannot read property 'requestContent' of undefined. HMR. Angular

I am getting the [HMR] Cannot apply update. Need to do a full reload! error in Angular. The question has a different issue from mine. You can see the difference by comparing my issue description below. Here is my stack trace: [HMR] Cannot apply…
Sasuke Uchiha
  • 857
  • 2
  • 11
  • 23
6
votes
5 answers

EntityMetadataNotFound: No metadata for "BusinessApplication" was found

I've been using TypeORM with no problems for a while, but then suddenly this error pops up when making an API call: EntityMetadataNotFound: No metadata for "BusinessApplication" was found. at new EntityMetadataNotFoundError…
Robert Moore
  • 2,207
  • 4
  • 22
  • 41
6
votes
1 answer

webpack HMR not loading changes

I'm developing a simple, static HTML website. Right now, there's just one html file, index.html. Using Webpack 3.10.0. I have HMR configured. When I make changes to one of my stylesheets, it recompiles and reloads as expected: [WDS] App updated.…
John Dibling
  • 99,718
  • 31
  • 186
  • 324
6
votes
3 answers

Webpack with .JSP index file

So heres the issue, current I am working on a project where the frontend is tightly coupled to the backend. The legacy version of the application is built using .JSP files, the index file is an index.JSP file. My current task is to write a…
Evan Burbidge
  • 827
  • 9
  • 16
6
votes
2 answers

Webpack/react hot reload reloading whole page?

This is probably asked all the time, but I've tried every approach under the sun and can't find a solution. I've created a repo to make it easier to get help. You can clone it, run npm install and then npm start:dev to see a quick local server on…
enrique-ramirez
  • 914
  • 2
  • 11
  • 23
6
votes
1 answer

Webpack: How to setup webpack-dev-server and Hot Reload

I would like to have Hot Reloading when I run the npm run watch command. (I would like it to work as it is working when using the vue-cli - when you run the npm run dev command: https://vue-loader.vuejs.org/en/features/hot-reload.html). So, I've…
PeraMika
  • 3,539
  • 9
  • 38
  • 63
6
votes
0 answers

Hot Module Reloading is making initial page request take 10-20s, with Webpack, Koa, Vue.js

For some reason most page refreshes re-request the bundle.js file and it takes about 10-15-20 seconds to download from localhost. This all from localhost, and the bundle.js file is about 1mb in size. The request for this file only seems to crawl,…
Ryan Weiss
  • 1,308
  • 1
  • 14
  • 36
6
votes
1 answer

Webpack dev server bootstrapping twice

Webpack dev server is bootstrapping twice for an unknown reason. (Note that only the dev-server has this problem, if I bundle the files, everything runs ok). I'm seeing this line executing twice: // Load entry module and return exports return…
tomascharad
  • 3,156
  • 23
  • 24
1 2
3
…
22 23