vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”

问题

之前的一个pig-app 的一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天重新安装一直报错，显示

error when starting dev server:TypeError: vite.createFilter is not a function

错误原因

vite版本与安装的依赖版本不匹配
近期vite3发布，但我们使用的还是v2，所以安装依赖的时候默认安装的是最新版本，这是就会出现版本和安装的依赖不匹配的问题

需要注意的还有一个点就是Vite 不再支持 Node 12 / 13 / 15，因为vite已经进入了 EOL 阶段。现在必须使用 Node 14.18+ / 16+ 版本

解决方法

① 升级到vite3

npm install -D vite@^3.0.0
pnpm add -D vite@^3.0.0

②降低插件版本

npm i @vitejs/plugin-vue@2.3.3

最后补充：
7 月 13 日，Vite 3 正式发布，它被称为下一代的前端工具链。Vite 团队决定至少每年发布一个新的 Vite 主要版本，以与 Node.js 的 EOL 保持一致，并借此机会定期审查 Vite 的 API，为生态系统中的项目提供较短的迁移路径。