vue basics-solve the problem of Cannot find package ‘vite‘ imported from xxxx

---

---

Preface

I recently took over a new vue project, and when I wanted to run it, I found the following error.

---

1. Error message:

failed to load config from /Users/xxxx/backend/vite.config.ts
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from /Users/xxxxx/vite.config.ts.timestamp-1692258569249-f359db1b06b5f.mjs
    at new NodeError (node:internal/errors:399:5)
    at packageResolve (node:internal/modules/esm/resolve:889:9)
    at moduleResolve (node:internal/modules/esm/resolve:938:20)
    at defaultResolve (node:internal/modules/esm/resolve:1153:11)
    at nextResolve (node:internal/modules/esm/loader:163:28)
    at ESMLoader.resolve (node:internal/modules/esm/loader:838:30)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:77:40)
    at link (node:internal/modules/esm/module_job:76:36)
 ELIFECYCLE  Command failed with exit code 1.
 ELIFECYCLE  Command failed with exit code 1.

2. Solution:

1. Run sudo pnpm install vite --save-dev

Summarize

This is how to solve the problem of Cannot find package ‘vite’ imported from xxxx. I hope it can help you!