项目拉下npm install后 启动项目报错如下
在这里插入图片描述

报错内容 :

vite.createFilter is not a function

错误原因:

vite版本与安装的依赖版本不匹配

原因1

Vite 刚刚发布了 v3,但 我们使用的是 v2。

因此,如果您只是安装 Vue/React 插件而不指定版本,它们会安装比您需要的新版本。

npm i 后的vite插件默认最新版本,导致了vite插件版本高于 vite版本
原因2

问题解决

方法1(推荐): 升级vite至3版本

npm install -D vite@^3.0.0

pnpm add -D vite@^3.0.0

方法2:降低插件至2版本

npm i @vitejs/plugin-vue@2.3.3

npm i @vitejs/plugin-vue@2.3.3
npm i @vitejs/plugin-react@1.3.2

最后补充:

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

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐