webpack热重载被加载失败的静态资源阻塞的解决办法

129 阅读1分钟

问题

主题工具项目需要根据主题名称和资源名称索引静态资源.
找不到资源是很正常的,因为这两项都是开放给用户去改的.
但是在资源不存在的时候,项目的热重载就失效了
原因在于浏览器获取图片的网络请求一直处于未完成状态,连带着导致webpack的更新请求都阻塞了(浏览器有最大同时请求数量)

屏幕截图 2024-07-22 144653.png

屏幕截图 2024-07-22 144701.png

解决

查阅文档发现webpack5 dev-server是基于express的,参考express文档进行配置

    staticOptions: {
      fallthrough: false
    }

现在所有异常的图片请求都是404了