【坑】vite-plugin-svg-icons报错：Cannot find package ‘fast-glob‘

最新推荐文章于 2025-03-21 21:20:43 发布
最新推荐文章于 2025-03-21 21:20:43 发布
阅读量1w 收藏 18
点赞数 18
分类专栏： 踩坑记 文章标签： vite-plugin-svg-icons fast-glob 报错 安装 依赖
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Fmj_Zjq/article/details/125998326
版权
在使用vite-plugin-svg-icons时遇到启动项目报错'Cannot find package 'fast-glob''. 该问题可通过手动安装fast-glob依赖解决，运行'yarn add fast-glob -D'即可修复。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

【坑】vite-plugin-svg-icons报错：Cannot find package ‘fast-glob’

今天在使用vite-plugin-svg-icons库的时候启动项目报错：

同样遇到这个问题的同学可以自行安装一下fast-glob依赖解决该问题。

yarn add fast-glob -D
Vue3+ts+vite项目中使用vite-plugin-svg-icons插件处理svg，vue3项目vite中使用svg
weixin_52465240的博客
04-06 1344
在vite脚手架中配置对svg的处理
【Vite SVG 图标方案：vite-plugin-svg-icons 指南】
weixin_37342647的博客
02-22 1169
前端图标演进史 ``` 1.0 🖼️ 图片图标 → 2.0 🎭 字体图标 → 3.0 🎨 SVG 图标 ``` 传统方案存在三大痛点： - **字体图标**：无法多色、存在锯齿、依赖网络加载 - **独立SVG**：HTTP请求过多、无法统一管理 - **组件化SVG**：打包体积大、无法利用浏览器缓存 ### 💥 破局关键 `vite-plugin-svg-icons` 应运而生，通过： - 🧩 **雪碧图技术** - 合并所有 SVG 为单个文件 - ⚡ **按需加载** - 开发环境保持
Vue3+Vite+Ts开发总结
weixin_43193877的博客
04-13 4312
Vue3 < script setup > 语法糖 官网地址：Go 响应式变量 <script setup> // 个人认为响应式变量和普通变量的最大区别是：响应式变量会同步更新视图模板中的显示，但是普通变量更改后不会触发视图更新 import { ref, toRef, toRefs, reactive } from 'vue'; const num1 = ref(0); // 任意数据类型的响应式变量 const num2 = reactive({ num:
vue3项目中unplugin-icon插件编译时报错Cannot find package ‘vue-template-compiler‘ imported from XXX
最新发布
xiaoxiaoqiliuhai的博客
03-21 132
--- 根据不同的vue版本选择合适的编译插件。
SVG图标配置 Cannot find package ‘fast-glob’
SSophia的博客
01-07 2054
vite-plugin-svg-icons报错：Cannot find package ‘fast-glob’这对页面性能来说是个很大的提升，而且我们SVG文件比img要小的很多，放在项目中几乎不占用资源。在开发项目的时候经常会用到svg矢量图,而且我们使用SVG以后，页面上加载的不再是图片资源,在vite.config.ts中配置插件。
vite-plugin-svg-icons报错：Cannot find package ‘fast-glob‘
caicaiyaonuli的博客
05-14 261
http://t.csdnimg.cn/At3uK
Error: Cannot find module ‘glob‘
qq_40041944的博客
12-22 8501
启动项目时报错如下： 首先按照提示信息，单独安装了一下glob,发现没有起作用 仔细浏览错误信息，发现项目中所有的scss文件都报错，于是猜测node-sass遭到了破坏，重新全局安装了一下node-sass 然后删掉node-modules,重新执行yarn，再启动项目，问题解决！！ ...
Vite+Vue3项目vite-plugin-svg-icons版本问题报错
qq_27617813的博客
04-18 1801
Vite+Vue3项目中使用vite-plugin-svg-icons因版本问题报错
【解决方法】vite-plugin-svg-icons使用中出现问题[vite] Cannot find package ‘fast-glob‘
yavlgloss的博客
02-19 275
解决Cannot find package 'fast-glob'问题
Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons
weixin_48040732的博客
02-19 7428
这里记录下自己在Vue3+vite的项目使用vite-plugin-svg-icons来全局使用svg雪碧图，不使用ts语法，方便以后直接使用。
vite-plugin-svg-icons 报错
08-18
- *1* *3* [【坑】vite-plugin-svg-icons报错：Cannot find package ‘fast-glob](https://blog.youkuaiyun.com/Fmj_Zjq/article/details/125998326)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...
fast-glob:这是一个非常快速高效的Node.js Glob库
05-12
快球 这是的非常快速高效的库。 该软件包提供了遍历文件系统的方法，并根据Unix Bash shell使用的规则，返回了与指定模式的定义集匹配的路径名，并进行了一些简化，同时以任意顺序返回结果。 快速，简单，有效。 目录 细节 [选项] 帮手 generateTasks isDynamicPattern escapePath 选项 常见的 并发 随身碟 深的 followSymbolicLinks fs 忽略 inhibitorErrors throwErrorOnBrokenSymbolicLink 输出控制 绝对 markDirectories objectMode 仅目录 onlyFiles 统计资料 独特 配套控制 大括号展开 caseSensitiveMatch 点 外球蛋白 全球星 baseNameMatch 常问问题 什么是静态或动态模式？ 如何
Cannot find package 'fast-glob' imported from C:\Users\75075\Desktop\每周提交\demo\node_modules\vite-plugin-svg-icons\dist\index.mjs
08-18
The error message you encountered suggests that the package 'fast-glob' is missing from your project's dependencies. To resolve this issue, you can try installing the 'fast-glob' package by running ...
[vite] Internal server error: Cannot read property ‘replace‘ of undefined vite-plugin-svg-icons
jonathan_joestar的博客
09-18 1867
【代码】[vite] Internal server error: Cannot read property 'replace' of undefined vite-plugin-svg-icons。
记录vite-plugin-svg-icons执行npm引发的错误
u014773932的博客
12-01 3480
type：module
解决关于vite-plugin-svg-icons不存在createSvgIconsPlugin
CHUAMING的博客
03-14 2971
在检查 node_modules\vite-plugin-svg-icons\dist\index.d.ts 之后，发现里面没有 createSvgIconsPlugin 这个接口。其中 createSvgIconsPlugin 下面划了红线。运行后有 createSvgIconsPlugin。今天在学习使用vue的时候用到了svg，遇到报错。在多次尝试后找到了解决问题的办法：使用cnpm。该说不说，阿里还是牛！
Go error--cannot find package
热门推荐
沉森心与思考同行
10-08 5万+
请认真对待你遇到的每一个难题，请用心去思考并找到解决的办法。       在安装每种语言的开发环境时，你总会遇到各种各样的问题，令人搔头挠耳。这不是，当我 用Go语言开发项目，用go build main.go命令进行编译工程时，遇到了一个烦人的问题：cannot find package “github.com/astaxie/beego” in any of:。
Vue项目启动报错 error:cannot find module......
weixin_49709449的博客
12-26 6673
2、执行清除缓存命令 npm cache clean或使用强制清除命令 npm cache clean --force；如果还报错，尝试删除package-lock.json文件；1、删掉存放模块的文件夹node_module；3、执行npm install，重新安装模块；4、npm run dev重启就可以了。错误的原因：无法找到某个模块。
关于启动vue项目，出现：Error [ERR_MODULE_NOT_FOUND]: Cannot find module ‘xxx‘此类错误
zkkkkkkkkkkkkk的博客
12-27 1315
Error [ERR_MODULE_NOT_FOUND]: Cannot find module 1、环境变量配置有问题，导致没找到相关的文件。 2、项目复制导致的路径不对。 可以把相关依赖包删掉，再重新下载，这时会对应本机电脑的路径进行下载vite等前端依赖包。 1、删除vue项目中node_modules文件夹。 2、删除package-lock.json文件。 3、终端切换到vue项目主路径，执行npm install进行下载。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值