求助:t3sbootstrap无法加载custom.scss修改全局主色
t3sbootstrap无法加载custom.scss文件,全局修改主色无效求助
各位早上好,有没有正在使用t3sbootstrap的朋友?我遇到了无法成功引入custom.scss文件的问题,系统完全不识别custom-variables.scss,想全局修改主色但始终没效果,急需解决思路。
环境配置
- TYPO3 12.4.23(Composer安装)
- t3sbootstrap 5.3.18
- t3sb_package 当前Git版本(dev-main)
已执行操作
- 在常量中设置
bootstrap.customScssPath = EXT:<my_sitepackage>/Resources/Public/Scss/,目标目录下存在custom-variables.scss和custom-styles.scss文件 - 多次执行后台调度任务
t3sbootstrap:customScss,无任何报错 - 清理系统临时文件后问题依旧,且无任何错误提示
排查解决思路
- 核对路径正确性:确认
<my_sitepackage>是实际站点包的正确扩展名(TYPO3对大小写敏感),部分t3sbootstrap版本默认读取Resources/Private/Scss目录,可检查是否路径设置错误 - 验证SCSS文件语法:确保
custom-variables.scss内的变量写法符合Bootstrap规范,比如主色变量应为$primary: #你的目标颜色值;,可暂时简化文件仅保留该变量,排查语法问题 - 命令行手动编译:直接在服务器命令行执行
./vendor/bin/typo3 t3sbootstrap:customScss,查看是否有后台调度任务未显示的错误输出 - 确认模板常量生效:检查当前站点根模板是否正确继承t3sbootstrap模板,且
bootstrap.customScssPath常量已正确应用到该模板 - 检查编译后文件:前往
typo3temp/assets/css/目录找到t3sbootstrap生成的编译CSS文件,搜索自定义变量值,确认是否未被编译进去 - 版本兼容性排查:dev-main版本的t3sb_package可能存在兼容问题,尝试切换到对应t3sbootstrap 5.3.18的稳定版本测试
内容的提问来源于stack exchange,提问作者Markus Slaby
相关产品推荐
相关产品推荐

