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

9月前作者：芋圆不想圆分类：Toy博客阅读(57) 违法举报

这篇具有很好参考价值的文章主要介绍了vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题

今天从GitHub上拉下来了一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示TypeError: vite.createFilter is not a function failed to load config from,javascript,vue.js,前端

错误原因

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

参考：https://blog.csdn.net/weixin_50763257/article/details/126061965
https://laracasts.com/discuss/channels/vite/vitecreatefilter-is-not-a-function文章来源地址https://www.toymoban.com/news/detail-832097.html

到了这里，关于vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue3安装pixi.js 项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token

error in ./node_modules/@pixi/assets/lib/resolver/parsers/resolveTextureUrl.mjs Module parse failed: Unexpected token (9:62) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | test: loadTextures.test, | parse: (value) = ({ resolut

2024年02月11日
浏览(38)
vue3+vite运行报错记录：error when starting dev server

场景：拉完代码执行npm i后运行报错，打包运行代码没问题，说明是本地开发环境的问题。完整报错信息：原因：vite-plugin-optimize-persist和vite-plugin-package-config版本相互依赖解决：改为：

2024年02月15日
浏览(48)
Vue3报错：Failed to fetch dynamically imported module

Vue3报错：Failed to fetch dynamically imported module解决翻译：获取动态导入的模块失败目前发现三个能够导致此报错出现的原因（未完待续）： ①是路由路径错误 ②路由路径正确，但是缺少文件（写了路由没写文件） ③路由路径正确，但是文件名错误，导致找不到文件在我没找

2024年02月13日
浏览(58)
vite项目在jenkins自动打包报错：failed to load config from ../vite.config.js You installed esbuild on

在window环境开发用的找不到 esbuild-windows-64 ，在linux环境构建需要使用 esbuild-linux-64 ，找不到 esbuild-linux-64 就会报错实际报错：报错原因： vite在linux环境打找不到 esbuild-linux-64 2种解决方案： 1、在linux环境下，打包前先 npm i esbuild-linux-64 2、在外网windows环境下运行以下命令（

2024年02月13日
浏览(56)
vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx

在使用vue3 + vite + ant design vue 的时候，引入一些antd的一些组件的时候，通常运行是没有错的，但是打包会报错，例如： Rollup failed to resolve import \\\"D:/xxxxx/node_modules/ant-design-vue/es/form-item-rest/style/index\\\" from \\\"src/views/xxx/xxx.vue\\\". 15:01:51 This is most likely unintended because it can break your applic

2024年02月16日
浏览(44)
npm i 安装的依赖项目,运行正常,换成pnpm i安装的依赖运行报错

报错信息大概如下 Failed to compile with 15 errors 00:47:21 These dependencies were not found: * codemirror/addon/dialog/dialog.css in ./node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib!./node_

2024年02月08日
浏览(55)
Vue3 报错：WebSocket connection to ‘ws://X.XXX.X.XX:8080/ws‘ failed:

问题：页面没有问题，但是打开控制台就出现如下图所示的一连串的报错信息问题解决：修改完后重新运行一下即可

2024年02月13日
浏览(102)
$报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do$

报错：[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do

这个错误通常表示您的代码中缺少axios库或者它没有被正确引入。您可以按照以下步骤解决问题：确认您已经安装了axios库。您可以在终端中使用以下命令来安装axios：确认您已经正确引入axios库。在您的组件中，您需要使用以下方式来引入axios库：确认您的路径是否正确

2024年02月07日
浏览(52)
Vue3+Vite+Pinia+Naive项目搭建之二：scss 的安装和使用

前言如果对 vue3 的语法不熟悉的，可以移步 Vue3.0 基础入门，快速入门。 github 开源库：Vue3-Vite-Pinia-Naive-Js gitee 开源库：Vue3-Vite-Pinia-Naive-Js 1. 安装依赖 2. 新增 src/assets/style/reset.scss 页面样式初始化 3. 新增 src/assets/style/common.scss 共用样式 4. 新增 src/assets/style/utils.scss 工

2024年02月12日
浏览(54)
解决：uniapp项目打包微信小程序或原生app包（wgt），报错：failed to load config from /xx/xx-mall/vite.config.ts

项目使用技术： uniapp + vue3 + vite4.0.3 + node(v16.20.0) \\\"@dcloudio/uni-app\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"@dcloudio/uni-mp-weixin\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"vue\\\": \\\"^3.3.4\\\", \\\"vite\\\": \\\"4.0.3\\\", \\\"engines\\\": { \\\"node\\\": \\\"=16.20.0\\\", \\\"pnpm\\\": \\\"=8.0.0\\\" }, 最新测试：使用高版本node （v18.15.0）, 删除node_module

2024年02月04日
浏览(48)