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

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

问题

    今天从GitHub上拉下来了一个vue3+vite项目,之前就是安装依赖就可以运行了,但是今天一直报错,显示TypeError: vite.createFilter is not a functionfailed 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日
    浏览(41)
  • vue3+vite运行报错记录:error when starting dev server

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

    2024年02月15日
    浏览(52)
  • Vue3报错:Failed to fetch dynamically imported module

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

    2024年02月13日
    浏览(60)
  • 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日
    浏览(61)
  • 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日
    浏览(47)
  • 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日
    浏览(57)
  • Vue3 报错:WebSocket connection to ‘ws://X.XXX.X.XX:8080/ws‘ failed:

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

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

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

    2024年02月07日
    浏览(54)
  • 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日
    浏览(56)
  • 解决: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)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包