Questions tagged [webpack-hmr]
343 questions
0
votes
1 answer
What does the parameters mean in Webpack's HMR
Why should we put parameter into module.hot.accept()? If we put nothing, webpack.HotModuleReplacementPlugin works, but also React component will lose its state data.
If we use react-hot-loader, we should put parameters to accept method, but I don't…
0
votes
1 answer
React Boilerplate's HMR very slow when editing dependency library (node module)
I'm using React Boilerplate which utilizes HMR (Hot Module Reload) in a dev environment.
However, I also have a custom component library which I load as a dependency. It has about 20 React components or so. The library is a UMD module which I load…
Mr.M
- 100
- 6
0
votes
1 answer
Remove [HMR] logs in chrome devtools
I have been trying to filter [HMR] * messages in devtools with these regex
/^(?!\[HMR\]).*$/
/^(?!\[HMR\]).*$/gm
However with these regex it did found the things I need, Regex101. Images can be found below
Php flavor:
Javascript flavor:
Azriz
- 3,122
- 2
- 12
- 13
0
votes
1 answer
Why can HMR and chunkhash not be used together?
I know that in the webpack.config.js the HMR plugin and chunkhash can not be used together. But I don't know why. Can anybody explain it for me？
The wrong code is:
const webpack = require("webpack");
const HtmlWebpackPlugin = …
田小强
- 17
- 1
- 1
- 4
0
votes
1 answer
Unable to get webpack-hot-client to reload on file change
For some reason, I'm unable to get webpack-hot-loader working. This is how I'm using it:
const bodyParser = require('body-parser')
const cors = require('cors')
const express = require('express')
const webpack = require('webpack')
const…
Kevin Ghadyani
- 6,829
- 6
- 44
- 62
0
votes
1 answer
Laravel 5 Vue hot module replacement (HMR)
My Vue HOT MODULE REPLACEMENT (HMR) not working. What I have and what I do:
local server on http:\db7\ on port 80 on Windows 10 (xampp with php 7.2.6)
laravel latest version with composer install and npm install
next package.json:
{
"private":…
Teretto
- 635
- 2
- 10
- 22
0
votes
2 answers
Webpack hmr running in Production
During development of SPA, hmr works great.
However, when published, hmr should not be running. Yet it is, and it produces a stream of 404 errors. Why is this? I don't see what I am doing wrong.
When I package for production, this is the command…
Greg Gum
- 33,478
- 39
- 162
- 233
0
votes
0 answers
Webpack HMR without FOUC possible?
I'm getting into webpack's HMR feature.
But what bothers me right from the beginning is a FOUC: on page load the whole page is unstyled (until the JS has finished loading)
I guess for HMR it's not ideal I'm including the JS at the end of the…
Kai
- 51
- 8
0
votes
1 answer
content does not change using HotModuleReplacementPlugin
First problem :
Trying HMR example given in webpack documentation in this link : https://webpack.js.org/guides/hot-module-replacement/. As mentioned in title : "Gotchas", i tried removing child which was added when app loads for the first time,…
rosnk
- 1,068
- 1
- 14
- 36
0
votes
1 answer
HMR busted with webpack4
Im at wits end with this issue in my upgrade to webpack 4 no matter what i do HMR never see's any changes here are the relevant files
I'm aware the loadAsyncComponent is not compatable with HMR im attempting to hot reload root.js at the moment then…
Clark T.
- 1,470
- 2
- 11
- 25
0
votes
1 answer
Webpack dev server hot reloading not working with reactjs, though i have done "inline:true"?
Why does Hot Module Replacement stop working on webpack dev server?
My package.json file:
{
"name": "routing-react",
"version": "1.0.0",
"description": "Just a little ReactJS Training Ground",
"main": "index.js",
"scripts": {
"start":…
GD- Ganesh Deshmukh
- 1,456
- 3
- 24
- 36
0
votes
0 answers
Is it possible to reload an AngularJS module?
Using Webpack and HMR, I'd like to reload the AngularJS app without refreshing the browser.
My thinking is to do something like this:
module.hot
&& module.hot.accept('app.js', () => {
angular.module('app').reload()
})
Where the reload() call…
Kevin Ghadyani
- 6,829
- 6
- 44
- 62
0
votes
0 answers
Webpack HMR: Does not watch changes to external packages in /node_modules
I have a project on React + Webpack 2. Since recently, there was a need to divide the project into modules. I decided to use Monorepo with Lerna. But I have caused a lot of problems. One of the main problem is that the changes that I make to the…
Arseny Mukhin
- 1
- 1
0
votes
0 answers
Why HotModuleReplacementPlugin uses Hard-Reload instead of Hot-Reload?
Why the page is hard-reloading once I change the code? or why it didn't use the hot-reload instead of hard-reload? Is anything wrong with the HotModuleReplacementPlugin?
let serverConfig = {
watchOptions:{
aggregateTimeout: 300, //delay
…
TurboHZW
- 79
- 1
- 4
0
votes
0 answers
React-hot-loader with SSR
I'm trying to figure out how to correctly implement react-hot-loader in my new SSR app, I've been able to do it fine in previous projects but I'm new to SSR so can't figure it out.
Here is my webpack.config.client:
const path =…
Kleanx
- 1
- 1