Questions tagged [webpack-hmr]

343 questions
2
votes
0 answers

SvelteKit: Unrecoverable HMR error in <+page>: next update will trigger a full reload

I am building a small website and in a page there are a form and a table that displays some query output based on the user input. On first loading, I have no problems because I inserted some code in the onMount function that set up the page. When…
pydev95
  • 89
  • 1
  • 8
2
votes
0 answers

Webpack-dev-server HMR not work when i add publicpath in output obj

Just like title, when I add publicPath property in output, the HMR(Hot module replacement) not work, and when I remove it, It can work correctly. And below is my webpack configuration: output: { path: path.resolve(__dirname, './dist'), …
2
votes
1 answer

Vitejs: WebSocket connection to 'wss://host:port/' failed due to HMR

I deployed a Vue page with Docker and Kubernetes and it is working. However, even though I disabled HMR, Vite keeps refreshing after an error: WebSocket connection to 'wss://dashboard.default.io:8181/' failed: [vite] server connection lost. polling…
Harun Sasmaz
  • 119
  • 1
  • 1
  • 10
2
votes
0 answers

webpack-dev-server HMR not working, "hot-update" files fetched from the wrong port

I'm using HMR/livereload with webpack-dev-server on port 9000, but it's fetching update files from the webserver port. This causes it to force a full page reload. At the beginning of development, this was OK, but as the application has become more…
Elfferich
  • 21
  • 2
2
votes
1 answer

Nuxt - How can I remove the [HMR] logs from the console

With nuxt, every time I save any of my files, my console gets flooded with [HMR] messages. Often cluttering up most of the log levels, making it hard to see actual console output. One of few approaches I have found is to clear the console. On…
Marcello B.
  • 4,177
  • 11
  • 45
  • 65
2
votes
1 answer

Shopware 6 Hot Module Reloading in Production mode does not reload compiled files

I am using the production version of Shopware 6.4.7 with my own custom theme installed and activated. When I start the watcher via bin/watch-storefront.sh the live reload server seems to start normally and compiles my files. When I go to the live…
Victor F
  • 29
  • 2
2
votes
0 answers

MVC 5 with Angular 11 hot reloading

I'm trying to setup hot reloading for an ASP.NET MVC 5 application along with Angular 11. What I have already achieved: I'm referring to application bundles in Index.cshtml like this: I'm hosting Angular 11 application like this: ng serve…
skywatcher
  • 31
  • 1
  • 4
2
votes
0 answers

How webpack HotModuleReplacementPlugin works and what does it do?

(I'm not good at English, if there is any problem that I did not describe clearly, please remind me to modify), I often see some questions or articles about why webpack hmr does not work or why my webpack dev server config is invalid or how to…
2
votes
0 answers

Webpack Hot Module Replacement with NestJS within Docker is slower than rebuilding the entire project using Nest-CLI

My Docker+NestJS+Webpack development environment is not running as efficiently as I would like. Current behavior Using Webpack with Hot Module Replacement Plugin is slower than using Nest-CLI with watch: nest build --webpack --webpackPath…
yaserso
  • 2,638
  • 5
  • 41
  • 73
2
votes
1 answer

How to set up hot reloading with React in a Laravel project?

I pulled down this starter kit for Laravel/React project I'm playing about with. I'm finding that hot reloading doesn't work like it does with Vue.js. This is my script (I'm running npm run hot) "scripts": { "dev": "npm run development", …
James Stewart
  • 869
  • 12
  • 33
2
votes
2 answers

Webpack 5: why MiniCssExtractPlugin.loader doesn't let HMR work?

Can anyone explain me why MiniCssExtractPlugin.loader doesn't let HMR work and how can I fix it? I created the following webpack.config.js file: const path = require ('path') const HTMLWebpackPlugin = require ('html-webpack-plugin') const…
2
votes
1 answer

Webpack dev server sockjs-node returns 404 error

I am running a simple Vue app with webpack that I created with the vue-cli. When I run the dev server wtih npm run serve, it shows several errors in the client console when using sockjs-node. I believe this module is used by webpack for hot…
Trevin Avery
  • 2,751
  • 2
  • 20
  • 31
2
votes
0 answers

Webpack Hot Module Replacement duplicate entry after update

I have an issue with the Hot Module Replacement when I update the script from

jQuery Works!

to

jQuery Works2!

, save the file & tried to click a button to insert an element in the DOM it retains the first element when using Hot…
Jeff
  • 23
  • 2
2
votes
1 answer

Gatsbyjs develop LOCAL HOST loads slow, 15 minutes slow

So, suddenly, gatsby develop gives me success in the VStudioCode console but, entering local host 8000 in the browser, the page loads my page SUPER SLOW! The background image of the site appears but the content doesn't. I'm too much of a beginner to…
JPB
  • 21
  • 3
2
votes
0 answers

Webpack HMR not reloading when using react-hot-loader

I'm attempting to follow some tutorials for enabling webpacks HMR feature without any luck. I'm at a point where I can get the project to compile but when I make a local change there is no refresh in the browser, and even after a manual refresh my…