运行npm run dev启动React+Vite项目时遭遇vite模块缺失错误

问题重现 #

运行命令：

npm run dev

返回错误：

client@0.0.0 dev
vite

加载C:\Users\vyask\Desktop\8th sem internship\mern-blog\client\vite.config.js配置失败
启动开发服务器时出错：
Error [ERR_MODULE_NOT_FOUND]: 无法找到从C:\Users\vyask\Desktop\8th sem internship\mern-blog\client\vite.config.js.timestamp-1711704484714-33a082f4a0378.mjs导入的包'vite'
at packageResolve (node:internal/modules/esm/resolve:854:9)
at moduleResolve (node:internal/modules/esm/resolve:927:18)
at defaultResolve (node:internal/modules/esm/resolve:1157:11)
at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:390:12)
at ModuleLoader.resolve (node:internal/modules/esm/loader:359:25)
at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:234:38)
at ModuleWrap. (node:internal/modules/esm/module_job:87:39)
at link (node:internal/modules/esm/module_job:86:36)

解决步骤 #

• 删除项目目录下的node_modules文件夹和package-lock.json文件：
  Windows系统命令：

  rmdir /s /q node_modules
  del package-lock.json
  

  macOS/Linux系统命令：

  rm -rf node_modules package-lock.json
  

• 重新安装所有项目依赖：

  npm install
  

• 再次启动开发服务器：

  npm run dev
  

额外检查 #

如果上述步骤无效，检查package.json的devDependencies中是否包含vite。如果没有，手动安装Vite开发依赖：

npm install vite --save-dev

内容的提问来源于stack exchange，提问作者kush 2003