Questions tagged [webpack-hmr]

343 questions
0
votes
2 answers

Webpack watch compiles my scss sass but not webpack-dev-server

I am able to compile my sass successfully with webpack using the webpack --watch command, but it does not perform hot module replacement. I am able to do HMR successfully with the webpack-dev-server --hot --progress --colors --inline command, and…
mheavers
  • 29,530
  • 58
  • 194
  • 315
0
votes
2 answers

docker-compose volumes do not refresh NextJS HMR

I am trying to dockerize a Next JS application for development, but I cannot get the docker-compose modules to reload the webpack HMR. When I make a change, it takes like a minute to detect and reload, and the modifications do not appear on the…
0
votes
1 answer

Hot reload fails when files are changed from the host mapped volume in Docker-compose

In a docker-compose I have two services that share the same mapped volume from the host. The mapped volume is the application source files located in the host. When the source files are changed in the host, HMR is not triggered, including a manual…
punkbit
  • 7,347
  • 10
  • 55
  • 89
0
votes
1 answer

Exclude a package from Hot Module Replacement

I have a Vue app that uses Jquery Mobile. In the Vue.config.js I added the webpack.HotModuleReplacementPlugin() plugins: [new webpack.HotModuleReplacementPlugin()] The app was running before adding this plugin, but with…
DoblyTufnell
  • 75
  • 1
  • 2
  • 5
0
votes
1 answer

React hot reload doesn't work on arrow function

I have a very simple React component and I noticed that my react hot reload doesn't work if I write my functions inside components like this class Profile extends Component { renderSkills = () => skills.map(skill => (
Igor-Vuk
  • 3,551
  • 7
  • 30
  • 65
0
votes
1 answer

Webpack HMR with React and third party library

I have a React app with a webpack build. I am using Webpack HMR using React-Hot-Loader. I configured it as the documentation, and everything is working fine except for one place. I have a non-react library to display map from map-box API…
Ghassan Karwchan
  • 3,355
  • 7
  • 37
  • 65
0
votes
0 answers

How to fix continuous __webpack_hmr calls in Angular?

I have an application on .NetCore + Angular, It is build using webpack. There is no angular cli. On deployment to production, I am getting continous network calls by __webpack_hmr. I have deployed minified production build in angular. Is there any…
Suman
  • 3
  • 7
0
votes
0 answers

What does "hot module" mean exactlyl from "HMR"?

I am wondering what is an exact unit of "hot module" from "Hot Module Replacement". I kinda know what "module" means in a general term, but what is exactly "hot module"? Thank you.
NhLe
  • 57
  • 5
0
votes
1 answer

How to enable HMR when CRA2 and redux are used?

I'm developing a React app, created with create-react-app v2. Recently I began to use a CSS-in-JS library, namely, styled-components. Beforehand, I didn't care much whether the whole app is reloaded on each change or there is hot module replacement.…
0
votes
1 answer

Webpack HotModule reloading with React Router render vs component

I ran into an issue with HotModuleReloading, using ReactRouter for the first time. The browser console would display the correct change updates, but the window itself would not update. From the official docs: When you use component (instead of…
Phil Lucks
  • 2,704
  • 6
  • 31
  • 57
0
votes
1 answer

HMR not working within .NET Identity MVC Area

I'm just setting up a new MVC project using .NET Core 2.1. I've configured Webpack for TypeScript/SASS compilation etc along with HMR (Hot Module Reload). When setting all of this up I just had a simple HomeController with a single Index view and…
Andy Furniss
  • 3,814
  • 6
  • 31
  • 56
0
votes
1 answer

Hot reload not working with react and webpack

Hot reload just stopped working. I've spent days going over tutorials and troubleshooting. I am totally stumped. The last configuration was working without adding hot(Component) or even loading the react-hot-loader file. Now I'm lost. Please help. I…
listenlight
  • 654
  • 1
  • 12
  • 27
0
votes
1 answer

Webpack- hot module replacement for html pages

My webpage is not updated when html source code has changed. It works fine with js and css (actually I use less). It doesn't work for html Browser is asking for ***.hot-update.js and I can see my changes in the downloaded file but html still look as…
IsraGab
  • 4,819
  • 3
  • 27
  • 46
0
votes
1 answer

asp.net react webpack 4 Hmr failing with 500 response

After updating to webpack 4.19 Hmr stoped working and throws an error everythime I change something in a code. project setup: asp.net core 2.0 react Web-pack Recently I've updated from Webpack 2.5 to 4.19 as this kinda big update, I might be…
DevyDev
  • 846
  • 3
  • 14
  • 37
0
votes
2 answers

Update failed: TypeError: Cannot read property 'injector' of undefined

When I quick save twice in hmr environment , it will throw this error. it lead this way => var hmrBootstrap = function (module, bootstrap) { var ngModule; module.hot.accept(); bootstrap().then(function (mod) { return ngModule = mod;…
bennie
  • 1
  • 1