【已解决】使用 pnpm 运行 Vite 项目时出现 Error: The URL must be of scheme file

问题

最近（2023年7月）在使用 create-vite 搭建 Vue 项目时，用 pnpm 安装依赖后运行就会出现报错：

failed to load config from C:\Users\**\Documents\CodeRepository\vite-project\vite.config.ts
error when starting dev server:
Error: The URL must be of scheme file at C:\Users\**\Documents\CodeRepository\vite-project\vite.config.ts

使用 yarn 或 npm 安装就没有问题。

在 Vite 的 GitHub Issues 上有相关的讨论：

1. Vite cannot load vite.config.ts with Node 17 and vite@4.4.0-beta.3 · Issue #13631 · vitejs/vite (github.com)

2. The URL must be of scheme file · Issue #13760 · vitejs/vite (github.com)

解决

在（2023年7月）使用 create-vite 搭建 Vue 项目时，项目内默认的 Vite 版本是 4.4.0，此问题在 4.4.2 中被解决，因此：

1. Vite 需要 Node.js 版本 18+，20+，请注意升级你的 Node 版本（推荐 LTS 版本）。
2. 更新项目内的 Vite 版本

pnpm up vite --latest