Nuxt•3mo ago

Nuxt Devtools Plugin HTTP Proxy Error

I'm encountering an issue with my Nuxt devtools plugin. It works fine when I run yarn dev in the plugin's own project, but when I add it to a new Nuxt app and click on the tab my plugin added, I get the following error in my terminal:

 ERROR  http proxy error:   
AggregateError [ECONNREFUSED]: 
    at internalConnectMultiple (node:net:1117:18)
    at afterConnectMultiple (node:net:1684:7)

 ERROR  http proxy error:   
AggregateError [ECONNREFUSED]: 
    at internalConnectMultiple (node:net:1117:18)
    at afterConnectMultiple (node:net:1684:7)

And in the browser console:

GET http://localhost:3000/__vue-mess-detector 500 (Internal Server Error)

GET http://localhost:3000/__vue-mess-detector 500 (Internal Server Error)

Here is the repo: https://github.com/rrd108/vue-mess-detector-nuxt-devtools I've noticed that during development, the iframe source is localhost:3300/__vue-mess-detector. However, this URL seems to be unavailable in the project run. Is there a specific setting I might be missing?

GitHub

GitHub - rrd108/vue-mess-detector-nuxt-devtools

Contribute to rrd108/vue-mess-detector-nuxt-devtools development by creating an account on GitHub.

1 Reply

rrdOP•2mo ago

I managed to solve. The module starter template's package json was off, so the client was missing

Gaming

Programming

Nuxt Devtools Plugin HTTP Proxy Error