Vue, vite: GET http://localhost:3000/@vite/client net::ERR_ABORTED 404 (Not Found)

Question

I am using Vue and vite to practice the workflow of the web application with fetching API, following this tutorial. At the end of the yarn dev command, I got the error. I've tried:

Directly clone the project and run the same command, still got the same error.
Search for any issue and solution on Github, but no luck.

How could I resolve this issue? Or I missed anything? Thanks.

I have a similar issue with my Vite project. Did you manage to resolve the issue? Figure out what the cause is? — Guy Passy, May 01 '22 at 11:16
@GuyPassy, sorry, it's been a while. The answer didn't resolve my issue as well. — Woden, May 01 '22 at 12:30
Hi I am experiencing the same error.. Did you solve this issue by any chance? — user16525780, Oct 25 '22 at 09:20
Same issue but only in Chrome (after it's update). The `/@vite/client/` url just doesn't load — artnikpro, Jul 25 '23 at 01:06

score 1 · Answer 1 · answered Jul 25 '23 at 01:46

Had the same issue but only in Chrome. The /@vite/client/ url wasn't loading.

My issue was that Chrome has cached the url with the / in the end however it shouldn't be there. The only way to fix it was to open the Network tab in the dev tools, set a checkmark for "Disable cache", reload the page.

score 0 · Accepted Answer · answered Sep 03 '21 at 08:58

You have for sure an issue with your Node environment setup as the project build and run successfully.

Tested on Node v14.17.5 with npm v6.14.14 or yarn v1.22.5

For troubleshooting :

Vue, vite: GET http://localhost:3000/@vite/client net::ERR_ABORTED 404 (Not Found)

2 Answers2