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.

Updating to latest nuxt-bridge version breaks Webpack HMR

See original GitHub issue

Environment

  • Operating System: Darwin
  • Node Version: v16.18.0
  • Nuxt Version: 2.16.0-27720022.54e852f
  • Nitro Version: 0.6.0
  • Package Manager: npm@8.19.2
  • Builder: webpack
  • User Config: bridge, head, css, plugins, components, buildModules, build, serverHandlers, devServerHandlers, typescript
  • Runtime Modules: -
  • Build Modules: (), @nuxtjs/stylelint-module@4.1.0, @nuxt/bridge@3.0.0-27778503.de9e5c2

Reproduction

https://github.com/linhmtran168/test-nuxt-bridge

Just a clean create-nuxt-app updated to use latest nuxt-bridge version

Describe the bug

Nuxt Bridge latest version: @nuxt/bridge@3.0.0-27778503.de9e5c2 breaks webpack HMR with the following error in browser console:

GET http://localhost:3001/__webpack_hmr/client 404 (Not Found)

Downgrading to 3.0.0-27747000.69db93e fixes the problem

Additional context

No response

Logs

No response

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:11
  • Comments:13

github_iconTop GitHub Comments

7reactions
mlbichecommented, Dec 2, 2022

The issue still exists on @nuxt/bridge-edge@3.0.0-27830071.32c4527

6reactions
daniluk4000commented, Nov 24, 2022

I’ve downgraded to 3.0.0-27747000.69db93e and now other bridge methods stopped working for me… I think we need a proper fix for this issue

Read more comments on GitHub >

github_iconTop Results From Across the Web

Release Notes - Nuxt
Version v2.15.0. Released on February 15, 2021. Highlights. ⚠️This release introduces behavior changes. Update with caution ⚠️.
Read more >
Install Tailwind CSS with Nuxt.js
Setting up Tailwind CSS in a Nuxt.js project. ... Start by creating a new Nuxt.js project if you don't have one set up...
Read more >
@symfony/webpack-encore | Yarn - Package Manager
v2.0.0 ... This is a new major version that contains several backwards-compatibility breaks. BC Breaks. The following dependencies were upgraded a major version....
Read more >
Anthony Fu Talks About Nuxt, Vite, and Improving the Vue ...
What's more, I made a plugin for Vite and webpack for the new Script setup syntax inside a Vue 2 app. For Nuxt...
Read more >
nuxt: Versions | Openbase
We recommend you upgrade to the latest version as soon as possible. If you encounter "The request URL ... is outside of Vite...
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