Vue, vite: GET http://localhost:3000/@vite/client The title of net::ERR_ABORTED 404 (Not Found) is rewritten to: Vue, vite: on http://localhost:3000/@vite/client A net::ERR_ABORTED 404 (not found) error occurred in the initiated GET request.

Question

I am using Vue and vite to practice the workflow of a web application that uses APIs to get data, referring to this tutorial. At the end of executing the yarn dev command, I encountered an error. I have tried before:

1. Clone the project directly and run the same command, still encountering the same error.
2. Searched Github for any issues and solutions but no luck.

How can I solve this problem? Or am I missing something? Thanks.

Answer 1

Encountered the same problem, but only in Chrome. The URL /@vite/client/ cannot be loaded.

My problem is that Chrome caches the URL, but it has a / at the end, which there shouldn't be. The only solution is to open the network tab in the dev tools, tick "Disable cache" and reload the page.

Answer 2

There must be something wrong with your Node environment settings, because the project built and ran successfully.

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

If troubleshooting is required:

• https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
• How to reinstall broken npm