Questions tagged [webpack-hot-middleware]

Webpack-hot-middleware refers to the module that concerns only the mechanisms of connecting a browser client to a JavaScript module bundler Webpack server and receiving its respective updates, meaning being able to use the technique of keeping the app running and injecting new versions of the files that one edits at runtime, a.k.a hot reloading, without using webpack-dev-server. Use this tag for questions related to this webpack module.

Webpack-hot-middleware refers to the module that concerns only the mechanisms of connecting a browser client to a JavaScript module bundler Webpack server and receiving its respective updates, meaning being able to use the technique of keeping the app running and injecting new versions of the files that one edits at runtime, a.k.a hot reloading, without using webpack-dev-server. Use this tag for questions related to this webpack module.

85 questions
1
vote
0 answers

Angular2 + webpack-hot-middleware + express/feathers

I believe I have some simple issue with path or something similar in my app. App Structure: root/public/build <-- publicPath in webpackConfig root/public/index.html <-- Statically sitting there root/client/ <-- client/angular2 source…
M.D.
  • 1,886
  • 1
  • 13
  • 14
1
vote
2 answers

correct webpack config for babel 6, react hot load, webpack middleware

Having read a novel's worth of SO posts on webpack configurations I still can't get past the module parse failed error. package.json (not all of it) "dependencies": { "babel-core": "^6.7.6", "babel-loader": "^6.2.4", …
Daniel Lizik
  • 3,058
  • 2
  • 20
  • 42
1
vote
1 answer

HMR with server-rendering causes invalid checksum

I have a Express server application which is bundled with webpack. The client side is also bundled with webpack and served by the server using webpack-dev-middleware and webpack-hot-middleware for HMR in development mode. When I change a React…
AJ_1310
  • 3,303
  • 3
  • 19
  • 26
0
votes
0 answers

Bundle Before Run with webpack-dev-middleware

I want to make use of Dockerfile mount caches so that the Webpack bundling process happens faster between docker runs. I have caching set up properly in all my Webpack config files, and my production dockerfile looks like this: FROM…
0
votes
0 answers

Hot reload not working with document.location = "custom"

I have a react webapp, which I loads in to an Android app via Web view. In my app, during the rendering, I call following line, which runs a custom method in the Android app. document.location = 'app:flow:updateModel'; At the end of the method in…
0
votes
0 answers

IIS 10.0 __webpack_hmr working on local ip, not on domain

I have webpack with HMR. While I run app from local IP, page connect with http://192.168.0.123:12345/__webpack_hmr. But when I run form my temp domain https://exampledomain.com/__webpack_hmr page is loading, but return 502. All page is wornkig on…
0
votes
1 answer

Webpack HMR for NodeJS with React

Im having application React + Express with SSR support(Component initial render will done in nodeJS). I want to implement HMR for the application. For that I have used webpack-hot-middleware and HotModuleReplacementPlugin. It is working as expected…
Srigar
  • 1,648
  • 3
  • 14
  • 28
0
votes
1 answer

Webpack5 prevent fallback packages from being resolved when config is required in application

In Webpack 5, polyfill of core node modules are removed, instead required packages are required to listed in resolve.fallback property. Below is resolve property of webpack.config.client.js file. resolve: { fallback: { path:…
ringord
  • 908
  • 3
  • 11
  • 27
0
votes
1 answer

webpack-dev-middleware can't Hot Reload on route's path

I'm putting webpack-dev-middleware on my express route which points to /login with this: (async () => { const [ {default: webpack}, {default: webpackMW}, {default: webpackHMR}, {default:…
0
votes
2 answers

Webpack issue when update 4.x to 5.x

I have a problem when i updated in my project the webpack package to V5.x. Here is the error : webpack-hot-client: entry Object values must be an Array or Function. Please check your webpack config. Here is my package.json : "*.css", …
0
votes
2 answers

Webpack: Trigger a file watch recompile on an unchanged file

I'm developing a Webpack 5 plugin and I need to manually trigger a recompile on a watched file without modifying it (mainly to do some niche HMR stuff). I figure the easiest way is to convince the compiler that the file has changed. I don't want to…
0
votes
1 answer

Bundle created by webpack does not reflect changes on the browser after successful compilation

I am running a very very simple code of mern stack. I am using webpack-dev-middleware and webpack-hot-middleware. The problem is when I run node server.js, compilation works without error but I don't see any change I make on my client side code on…
0
votes
1 answer

Webpack-hot-middleware multiplies event listeners

While trying to set up my new development environment (node server + client with only vanilla js on board), I faced with webpack-hot-middleware for hot reloading my front-end changes. And everything would be fine, but if there are any code like…
0
votes
2 answers

WebpackOptionsValidationError Invalid Configuration webpack(config)

I'm building a base webserver that I plan on using for future projects. I'm setting up a full javascript stack. I'm using Express, Webpack, and Babel. The issue is that in setting up hmr through Express the configuration file has been running into…
0
votes
1 answer

Webpack hot module doesn't refresh the browser

Hello I want to use webpack with express and webpack-dev-middleware and hot module replacement. I am getting the message below but the browser wont refresh no matter what. I have been stuck on this for days so if anyone can help me that would be…
pap
  • 115
  • 15