WorkboxPlugin glob模式匹配错误：构建文件夹需含指定文件吗？

没错，这个报错的核心原因就是：你必须确保globDirectory指向的文件夹里，存在至少一个能匹配globPattern规则的文件。

为什么会有这个要求？ #

Workbox的glob配置本质是用来筛选需要被Service Worker处理（通常是缓存）的静态资源。如果你的globPattern规则在指定目录下匹配不到任何文件，Workbox就不知道自己要处理什么资源，自然会抛出错误终止流程——毕竟它的核心工作就是基于这些匹配到的文件生成缓存策略，没有文件的话这个工作就无法进行。

针对你当前的情况分析 #

你的配置里：

{
  "globDirectory": "C:\\public\\uiassets",
  "globPattern": "^.*?(app.js|app.css|vendor.js|commons.js).*$",
  "globIgnores": [ "node_modules/**/*" ]
}

意味着Workbox要在C:\public\uiassets目录下找文件名包含app.js、app.css、vendor.js或commons.js的文件，但目前这个目录里一个都没有符合规则的文件，所以触发了报错。

几个解决思路 #

• 先手动核对文件：打开C:\public\uiassets目录，确认里面有没有目标文件，注意文件名的大小写（Windows系统一般不区分，但最好保持配置和实际文件名一致）。
• 调整构建顺序：如果这些文件是构建工具（比如Webpack）生成的，可能你是在构建完成前就运行了Workbox配置，导致文件还没生成。这种情况要修改构建脚本，确保先完成资源打包，再执行Workbox的相关命令。
• 修正glob规则：如果你的资源文件名带哈希（比如app.abc123.js），当前的规则其实是能匹配的，但如果文件确实不存在，得先解决资源生成的问题；要是你不再需要匹配这些文件，可以直接修改globPattern为实际存在的文件模式，或者移除这条规则。

内容的提问来源于stack exchange，提问作者Chandan