You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Stencil本地开发自定义图片Push至Bigcommerce后失效求助

解决Stencil Push后Bigcommerce主题图片/图标404问题

以下是几个排查和解决的核心方向:

  • 检查Stencil打包配置,确保资源被包含
    Stencil的资源打包规则由stencil.config.js控制,默认情况下如果你的新增文件没被配置的glob规则匹配到,stencil push时会直接忽略。打开这个配置文件,找到modules下的assets配置段,确认glob参数是能覆盖所有新增文件的通配符,比如用**/*匹配assets目录下所有文件及子目录,而不是指定单一后缀或文件名。
    示例正确配置:

    modules: {
      assets: {
        source: 'assets',
        destination: 'assets',
        glob: '**/*'
      }
    }
    
  • 本地打包验证,确认文件是否被包含
    先执行stencil bundle生成本地主题压缩包,在主题目录的dist文件夹找到生成的zip文件,解压后查看assets/img目录是否存在你的新增图片。如果zip里没有,说明是打包配置的问题,调整glob规则后重新打包;如果zip里有,再执行stencil push,同时可以在Bigcommerce后台的主题编辑器里查看主题文件结构,确认文件是否同步到服务器。

  • 排查文件名大小写问题
    本地开发环境(比如Windows)不区分文件名大小写,但Bigcommerce服务器基于Linux,严格区分大小写。如果你的代码里引用的文件名和实际文件名大小写不一致,就会出现本地正常、服务器404的情况。统一文件名和代码中的引用大小写即可。

  • 清理Stencil本地缓存
    有时候本地缓存会导致打包逻辑异常,运行stencil clean清除缓存后,再重新执行stencil push,避免缓存干扰打包过程。

内容的提问来源于stack exchange,提问作者Steve McGuigan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 01:55:18