项目使用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.<anonymous> (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

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

 

     

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐