【Error】failed to load config from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts error when starting

项目使用yarn run dev启动前端项目报错：

failed to load config from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts.timestamp-1702465881798-5849da1600ce1.mjs
    at new NodeError (node:internal/errors:393:5)
    at packageResolve (node:internal/modules/esm/resolve:820:9)
    at moduleResolve (node:internal/modules/esm/resolve:869:20)
    at defaultResolve (node:internal/modules/esm/resolve:1084:11)
    at nextResolve (node:internal/modules/esm/loader:161:28)
    at ESMLoader.resolve (node:internal/modules/esm/loader:831:30)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:413:18)
    at ModuleWrap. (node:internal/modules/esm/module_job:77:40)
    at link (node:internal/modules/esm/module_job:76:36)

 查阅资料发现是因为启动前端项目时，Vite 在加载配置文件 vite.config.ts 时出现了问题。

如何解决呢？

 1.确保 Vite 已安装： 确保你的项目中已经安装了 Vite，并且版本是兼容的。在项目根目录下执行以下命令安装 Vite：

npm install vite --save-dev

或者使用 yarn：

yarn add vite --dev

2.清理缓存： 有时候，缓存问题可能导致模块加载错误。你可以尝试清理 npm 或 yarn 的缓存：

npm cache clean --force

或者使用 yarn：

yarn cache clean

然后再次尝试启动开发服务器。