Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

HMR randomly fails to update

See original GitHub issue

Environment

  • Operating System: Windows_NT
  • Node Version: v16.11.1
  • Nuxt Version: 3.0.0-27480376.fdd38f9
  • Package Manager: npm@8.0.0
  • Builder: vite
  • User Config: typescript
  • Runtime Modules: -
  • Build Modules: -

Reproduction

Happens on a clean install of nuxt via npx nuxi init nuxt3-app && npm install. The way I get it to trigger is just editing the app.vue file, like adding a number or something and sometimes it will ignore the change and the page will not reload in the browser.

Describe the bug

HMR mostly works, however sometimes fails to update. I could only confirm this on Windows, could not make it happen in the browser with a sandbox (StackBlitz, I think CodeSandbox doesn’t have it working at all)

Additional context

No errors are given. Terminal just says “√ Vite server built in Xms”, console in browser has no errors either.

Logs

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:3
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
Luffyyycommented, Apr 7, 2022

Would you let me know if this solution solves things for you?

Works 👍

0reactions
danielroecommented, Apr 7, 2022

Great. Then let’s close this issue in favour of https://github.com/nuxt/framework/issues/2047.

Read more comments on GitHub >

github_iconTop Results From Across the Web

HMR only updates sometimes - Stack Overflow
I was having the same intermittent HMR problem, though I'm using. webpack-dev-middleware; webpack-hot-middleware. As HMR was working ...
Read more >
Developers - [HMR] Update failed Problem - - Bountysource
I'm following the official document. but sometimes my code updates does not reflect by hmr. with this error: [HMR] Update failed: ...
Read more >
HMR API - Vite
This is the client HMR API. For handling HMR update in plugins, see handleHotUpdate. The manual HMR API is primarily intended for framework...
Read more >
Check if an email you've received from HMRC is genuine
The email will not ask for any personal or financial information. List of customs agents and fast parcel or express operators on GOV.UK....
Read more >
Ten ways HMRC checks if you're cheating - FT.com
You can change your cookie settings at any time but parts of our site will not function correctly without them.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Rename `useMeta` to `useHead`

Next page

`useFetch` data return null with mismatching client/request options