webpack-hmr Questions

0

HMR (Hot Module Replacement) is a great functionality, that works properly if no "Route-resolve" (see below) is present. If I remove resolve here: { path: 'new', component: BookNewComponent, ...
Perished asked 26/3, 2019 at 10:41

2

Solved

I was working on a React & Redux project. The project used to use webpack-dev-middleware and hot middleware to hot reload. After I added Redux Saga to the project, and added saga middleware to...
Tuyere asked 10/5, 2016 at 20:41

2

Solved

I have a Vue.js site with Webpack Dev Middleware (served via an ASP.NET Core site by HTTP.sys web server, though I'm guessing that doesn't matter). Does anyone know how I can set up my site to clea...

0

I've read a lot about this error, and I can't find the solution. hot reloading is not working, and I have an error: EventSource's response has a MIME type ("text/html") that is not "text/even...

2

In Angular, is there a way to preserve application state after a module has been hot reloaded? Similar to what happens in VueJS: So far I've gotten HMR to work following several tutorials, but a...
Exeter asked 1/4, 2018 at 7:30

1

So far, I've successfully done the following: ✓ HMR (Hot Module Reload) set up ✓ Angular (5) and Material working well ✓ Open a dialog (code snippet below) // ... constructor(private dialog: MatD...
Tournai asked 7/12, 2017 at 16:56

1

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 recomp...
Oxfordshire asked 28/1, 2018 at 23:2

0

I have a simple webpack setup with HotModuleReplacementPlugin() added. I run webpack via it's NodeJS API. compiler.watch( { stats: 'errors-only' }, () => { console.log('Webpack is watching fi...
Kurus asked 15/3, 2018 at 16:51

1

Solved

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: &lt...
Weiweibel asked 17/11, 2017 at 4:59

1

Solved

this is my initial load of my page: after ich change some text the HMR get fired up, but appends the DOM instead of replacing it: does anybody have a clue what could cause this issue? there a...
Frulla asked 17/9, 2017 at 5:22

0

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),...
Appurtenant asked 4/8, 2017 at 12:27

1

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....

1

Solved

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 ...
Handle asked 15/5, 2017 at 16:14

2

Solved

Currently I'm struggling to get HMR working in my Webpack 2 setup. I'll explain my entire setup so I hope this is enough for someone to understand what's happening. The structure of my project: c...

2

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 ...

1

Solved

I just implemented hot-reload'ing for our dev environment. My javascript is broken up into a lot of chunks. Every time I make a change to a file all of the chunks get re-submitted. I'm running webp...
Sportscast asked 17/6, 2016 at 2:25

2

Before starting, this link can be useful : what is the purpose of HMR ?. I do not have a deep experience in huge projects management / conception. I'm still to young to have a beautiful beard. So ...
Lannylanolin asked 15/11, 2016 at 14:52

0

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 siz...
Pichardo asked 11/10, 2016 at 6:11

1

Solved

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: ...
Tabbie asked 5/10, 2016 at 14:52

3

When I change my app.js and main.css while webpack-dev-server is running, the bundle is updated. But when i change the index.html the content is not refreshed; if I add a line to the HTML, the webp...

4

I'm trying to create a production build of my React project, but it picks the wrong configuration. In the development version I'm using HMR (Hot Module Replacement). This is configured in .babelr...
Ensheathe asked 22/3, 2016 at 11:50

1

Solved

Does anyone know why I am getting duplicates of the webpack runtimes in the bundle? It's adding multiple numbers after the ? and the browser is seeing them as new files. dev-server.js? dev-serv...
Metalinguistics asked 25/5, 2016 at 21:22

1

Solved

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 compon...

3

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...
Whitton asked 4/1, 2016 at 4:38

1

Solved

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...
Krauss asked 9/2, 2016 at 20:45

© 2022 - 2024 — McMap. All rights reserved.