解决‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。以及failed to load config from vite.config.js。

### 解决 `vite` 不是内部或外部命令的问题 在使用 Vite 构建现代前端项目时，如果执行 `npm run dev` 命令后提示 `'vite' is not recognized as an internal or external command` 错误，通常意味着系统未正确安装或配置 Vite 及其运行环境。 #### 确保 Node.js 和 npm 正确安装 Vite 是基于 Node.js 的工具，因此需要确保环境中已安装 Node.js 并且 `npm` 可用。可通过以下命令验证： ```bash node -v npm -v ``` 若命令返回版本号，则表示 Node.js 和 npm 已正确安装。否则，建议使用 [nvm](https://github.com/coreybutler/nvm-windows)（Node Version Manager）管理多个 Node.js 版本，并选择合适的版本进行安装和切换[^2]。 #### 安装 Vite 全局依赖 为了解决 `vite` 无法识别的问题，可以通过全局安装 Vite 来解决： ```bash npm install -g vite ``` 此操作将 `vite` 添加到系统的环境变量中，使其成为可执行命令。完成安装后，再次运行 `npm run dev` 应该可以正常启动开发服务器[^1]。 #### 检查项目配置文件完整性 如果已经全局安装了 Vite，但在运行 `npm run dev` 时仍然遇到类似 `failed to load config from ...vite.config.js` 的错误，可能是项目中的 `vite.config.js` 文件存在语法错误或依赖项未正确安装。应检查该文件的配置内容，并确保所有相关插件和依赖都已通过 `npm install` 或 `yarn install` 完成安装。 此外，确保项目目录结构完整，尤其是包含必要的构建脚本和配置文件。例如，在 `package.json` 中应包含如下脚本定义： ```json "scripts": { "dev": "vite", "build": "vite build" } ``` #### 使用 nvm 管理 Node.js 版本 如果本地 Node.js 版本过低，可能导致与 Vite 的兼容性问题。可通过 `nvm` 安装并切换至较新的 Node.js 版本以提高兼容性。例如： ```bash nvm install 20.10.0 nvm use 20.10.0 ``` 上述命令分别用于安装指定版本的 Node.js 和切换当前使用的版本。推荐使用最新稳定版以获得更好的支持。