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

Using Htmlwebpackplugin with Webpack-Dev-Middleware

Short Summary Is combining htmlwebpackplugin functionality with webpack-dev-middleware impossible because of dev-middleware's reliance on files in memory? Screenshots of script outputs at bottom of this post. Because I've chosen to implement…
1
vote
0 answers

SCSS Loader failure when using express and dev middlewares with webpack 4

I have a project on React built with webpack 4. For server side rendering I constructed express backend and use webpack-dev-middleware, webpack-hot-middleware and webpack-hot-server-middleware. Also, there are webpack configs for client and node…
1
vote
1 answer

webpack-merge entry point

I have broken up my webpack config files in to 3 separate files as suggested in webpack 4.1 docs using webpack-merge to merge them together. webpack.common.js webpack.dev.js webpack.prod.js The problem I'm running into is i'm using…
me-me
  • 5,139
  • 13
  • 50
  • 91
1
vote
0 answers

Vue Server-Sided Rendering Hot Module Reloading Support for new modules

Vue offers a HackerNews example to demonstrate how to do server-sided rendering along with hot module reloading support. Basically, the client and server side code are split into two files: are compiled into two json files entry-client.js and…
1
vote
1 answer

Webpack-Hot-Middleware not working with HtmlWebpackPlugin

Hot module reloading is not working with HtmlWebpackPlugin. I can actually see in console that my files are getting updated but browser does not render updated application. Relevant Links Repository:…
Michal
  • 4,952
  • 8
  • 30
  • 63
1
vote
0 answers

Hot Module Replacement cannot find dll reference

I use DllPlugin and DllReferencePlugin in our project, everything works fine with the first build. It means DLL works well. But when it comes to HMR, the generated hot-update.js is filled with: var e = new Error(\"Cannot find module…
1
vote
0 answers

webpack server serves different index.html files under different directories in multiple page application

I am developing a Web application of multiple pages with Webpack. In develop environment, I want Webpack server to open the index.html files under the different directories in url according to the file path, for example:…
1
vote
0 answers

Webpack hot-reload not updating reducers

I am running webpack-hot-reload and webpack-dev-server middlewares for express. My webpack configuration: const webpackConfig = { entry: [ project.app.entry, ], output: { path: project.path.out, filename:…
1
vote
0 answers

Webpack Dev Server with React Hot Loader Not Parsing JSX when used as middleware

I've hit a road block trying to get webpack-dev-middleware/webpack-hot-middleware work with my express server. If I run the webpack config directly it runs fine but when I try to run it from the middleware it doesn't parse the JSX. Here is my…
1
vote
1 answer

HotModuleReplacement: __webpack_hmr not found

I'm having some error using HotModuleReplacement. I can't use it actually, it says that __webpack_hmr is not found. In /node_modules/webpack-hot-middleware/client.js I have this configuration by default: /*eslint-env browser*/ /*global…
pmiranda
  • 7,602
  • 14
  • 72
  • 155
1
vote
0 answers

Webpack Dev Server and Builder has different Hash

When run Webpack Dev Server it creates hash files but doesn't create real physical files - so Get 404 Error But if run Builder with Watcher it creates real hash files and I can get it from server directly BUT: HMR says to Get different Hash then is…
1
vote
2 answers

Webpack Hot Middleware not hot-reloading on Ubuntu with React?

I have run into a very frustrating problem where my webpack-hot-middleware is not 'hot reloading'. It is building the project, and rebuilding the project whenever I make any edits to any of my files in question but it seems to never show any changes…
1
vote
1 answer

Hot Module Replacement enabled but not working http://localhost:3000/__webpack_hmr

My problem is, no matter what I do I get a 404 on the wepack_hmr and I can't for the life of me work out why its not available. Full Webpack Config var url = 'http://localhost:3000'; module.exports = { resolve: { extensions: ['',…
Jamie Hutber
  • 26,790
  • 46
  • 179
  • 291
1
vote
1 answer

Webpack middleware stopped watching for file-changes

I used webpack-dev-middleware and webpack-hot-middleware for months and it was working just FINE, but now, something happened and webpack stopeed watching for file changes so bundle rebuilds only when i restart the app. What could happen? I'm on…
1
vote
0 answers

Building an application with HapiJS and webpack

I am trying to build an application with HapiJS and webpack. However, it doesn't load up right.. my webpack config is: import webpack from 'webpack'; import path from 'path'; export default { debug: true, devtool:…